Показать сообщение отдельно
  #1 (permalink)  
Старый 17.04.2010, 00:33
Новичок на форуме
Отправить личное сообщение для Driver2010 Посмотреть профиль Найти все сообщения от Driver2010
 
Регистрация: 16.04.2010
Сообщений: 7

Помогите разобраться с кодом (для чайника в javascript)
Вот скриншот:
http://www.onlinedisk.ru/view/407144/screen.jpg
Я хочу сделать линк на кнопках слева (показано стрелками).

Сейчас когда кликаеш по этим кнопкам, меняется картинка справа, а когда кликаеш по этим картинкам, попадаеш в страничку с инфой. А я хочу сделать так чтоб и на картинке и на кнопках была одинаковая ссылка.

Даже не зная javascript, с увиреностью могу сказать, что это можно решить тут. Помогите разобратся. Спасибо.

/**
 * InfoSlider
 * @version		1.0.0
 * @MooTools version 1.1
 * @author		admin
 */
var InfoSlider=new Class({initialize:function(a){this.options=Object.extend({navigation:{container:null,elements:null,outer:null,visibleItems:0},slides:{container:null,elements:null,infoContainer:null,infoContainerPosition:null,startFx:{opacity:1},endFx:{opacity:0}},startElem:null,autoSlide:null},a||{});this.navElements=$(this.options.navigation.container).getElements(this.options.navigation.elements);this.slides=$(this.options.slides.container).getElements(this.options.slides.elements);this.navScroll=new Fx.Scroll(this.options.navigation.outer,{wait:false,:function(){this.currentElem=this.options.startElem?this.options.startElem-1:0;this.slides.each(function(a,c){a.setStyles({display:"block",position:"absolute",left:0,top:0,opacity:(c==this.currentElem?1:0)});if(c!==this.currentElem){a.setStyles(this.options.slides.endFx)}this.slides[c]["fx"]=new Fx.Styles(a,{duration:700,transition:Fx.Transitions.linear,wait:false});if(this.options.slides.infoContainer&&this.options.slides.infoContainerPosition){var d=a.getElement(this.options.slides.infoContainer);var b=new Fx.Style(d,this.options.slides.infoContainerPosition,{duration:500,wait:false});b.set(-500);this.slides[c]["infoFx"]=b;a.addEvent("mouseover",function(){b.start(0)});a.addEvent("mouseout",function(){b.start(-500)})}if(this.options.autoSlide){a.addEvent("mouseover",function(){$clear(this.period)}.bind(this));a.addEvent("mouseout",function(){this.period=this.rotate.bind(this).periodical(this.options.autoSlide)}.bind(this))}}.bind(this));this.navElements.each(function(b,a){if(a==this.currentElem){this.navScroll.toElement(b);b.addClass(this.options.navigation.selectedClass)}b.addEvent("click",function(c){new Event(c).stop();this.changeSlide(a);if(this.options.autoSlide){$clear(this.period);this.period=this.rotate.bind(this).periodical(this.options.autoSlide)}}.bind(this))}.bind(this));if(this.options.autoSlide){this.period=this.rotate.bind(this).periodical(this.options.autoSlide)}$(this.options.navigation.container).addEvent("mousewheel",function(b){b=new Event(b);b.stop();var a=this.currentElem-b.wheel;if(b.wheel>0&&a<0){a=this.navElements.length-1}if(b.wheel<0&&a>this.navElements.length-1){a=0}$clear(this.period);this.period=this.rotate.bind(this).periodical(this.options.autoSlide);this.changeSlide(a)}.bind(this))},changeSlide:function(a){if(a==this.currentElem){return}this.slides[this.currentElem]["fx"].start(this.options.slides.endFx);this.slides[a]["fx"].start(this.options.slides.startFx);this.navElements[this.currentElem].removeClass(this.options.navigation.selectedClass);this.navElements[a].addClass(this.options.navigation.selectedClass);var b=a-this.correction<0?0:a-this.correction;this.navScroll.toElement(this.navElements[b]);this.currentElem=a},rotate:function(){var a=this.currentElem+1<this.navElements.length?this.currentElem+1:0;this.changeSlide(a)}});

Последний раз редактировалось Driver2010, 17.04.2010 в 00:36.
Ответить с цитированием