Модификация на приставката Jcarousel за добавяне на допълнителни навигационни контроли

Имам настройка на jcarousel за превъртане през куп изображения, като използвам стандартните стрелки наляво и надясно, които са разположени над изображенията. Бих искал също да добавя набор от навигационни стрелки в долната част на изображенията, но ще трябва да им дам различно име на клас, за да мога да задам позицията им. Какво трябва да редактирам в javascript файла jcarousel, за да добавя тези допълнителни стрелки? Мисля, че може да е в тази част от кода...

    = this.list.wrap("<div></div>").parent();
if(this.container.size()===0)this.container=this.clip.wrap("<div></div>").parent();b!==""&&this.container.parent()[0].className.indexOf("jcarousel-skin")==-1&&this.container.wrap('<div class=" '+b+'"></div>');
this.buttonPrev=g(".jcarousel-prev",this.container);
if(this.buttonPrev.size()===0&&this.options.buttonPrevHTML!==null)this.buttonPrev=g(this.options.buttonPrevHTML).appendTo(this.container);
this.buttonPrev.addClass(this.className("jcarousel-prev"));
this.buttonNext= g(".jcarousel-next",this.container);
if(this.buttonNext.size()===0&&this.options.buttonNextHTML!==null)this.buttonNext=g(this.options.buttonNextHTML).appendTo(this.container);
this.buttonNext.addClass(this.className("jcarousel-next"));
this.clip.addClass(this.className("jcarousel-clip")).css({position:"relative"});
this.list.addClass(this.className("jcarousel-list")).css({overflow:"hidden",position:"relative",top:0,margin:0,padding:0}).css(this.options.rtl?"right":"left",0);
this.container.addClass(this.className("jcarousel-container")).css({position:"relative"});

jquery jcarousel
person user537137    schedule 29.02.2012    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Можете да направите нещо подобно:

$.mycarousel = function(e, o) {
var $elfCarousel = $(e).jcarousel(o), 
$actionsContainer="<div class='other_actions'></div>";
$elfCarousel.wrap("<div></div>").append($actionsContainer);
$actionsContainer.append("<div>bottom Next</div>").click(function(){
    $elfCarousel.find(".jcarousel-next").click();
})
$actionsContainer.append("<div>your other button here</div>").click(function(){/* your other action here*/})
$actionsContainer.append("<div>your last button here</div>").click(function(){/* your last action here*/})
}

Като създадете свой собствен плъгин, обгръщащ jcarousel, ще се възползвате от корекциите на грешки в jcarousel.

person blobmaster    schedule 29.02.2012
comment
Благодаря blobmaster. Нямам нулеви умения за javascript и се чудя какво е предназначено да влезе в секциите, които сте казали като друго действие тук? - person user537137; 01.03.2012
comment
ако искате да рекламирате, отидете на 3 снимки отдясно или отдолу, можете да направите: $elfCarousel.find(.jcarousel-prev).click().click().click(); ако погледнете кода на плъгините jcarousel (sorgalla.com/projects/jcarousel /lib/jquery.jcarousel.js) ще видите други свързвания, които могат да бъдат извикани - person blobmaster; 01.03.2012