Всем привет, вопрос в следующем - есть JS код, с помощью которого alt выводится как обычный текст в блоке. В блоке подписанном как - ЭТО НАДО УЧЕСТЬ, я попытался сделать условие, то есть взять id картинки из другого файла и если слайдер переключился на эту картинку, то чтобы добавил ссылку, иначе другая картинка - другая ссылка как итог. В данном случае как итог: иначе у других картинок нет ссылок.
jQuery.fn.mainslider = function( options ) {
return this.each(function() {
var cont = $(this).find(".cont");
var settings = jQuery.extend({
appendNavigationTo: $(this),
appendCaptionTo: $(this),
animationSpeed: 600,
width: 0
}, options);
var currentSlide = 0;
settings.appendNavigationTo.prepend("<div class='navigation-wrap-wrap'><div class='navigation-wrap'><div class='navigation' /></div></div>");
<!-- ЭТО НАДО УЧЕСТЬ -->
if (document.getElementById('2')==true){
settings.appendCaptionTo.prepend("<a href='http://www.vash-site.ru/'><div class='gallery-caption'></div></a>");}
else {
settings.appendCaptionTo.prepend("<div class='gallery-caption'></div>");}
<!-- ЭТО НАДО УЧЕСТЬ -->
var navigationwrap = settings.appendNavigationTo.find(".navigation-wrap-wrap");
var navigation = settings.appendNavigationTo.find(".navigation");
var caption = settings.appendCaptionTo.find(".gallery-caption");
var images = $(this).find("img");
var centerWidth = settings.width;
images.eq( images.length - 1 ).clone().prependTo( cont );
images.eq( 0 ).clone().appendTo( cont );
var contLeft;
var edgeWidth;
function SetInitial()
{
edgeWidth = ( Math.max($("body").width(), 960) - centerWidth ) / 2;
contLeft = edgeWidth - centerWidth;
cont.css({ left: contLeft });
}
SetInitial();
var strNavigation = "";
for( var i = 0; i < images.length; ++i )
{
strNavigation += "<a";
if( i == currentSlide )
{
strNavigation += " class='active'"
}
strNavigation += " data-index='" + i + "'>" + i + "</a>";
}
navigation.prepend( strNavigation );
navigationwrap.css({marginLeft: -navigationwrap.width() / 2})
caption.html( images.eq( currentSlide ).attr( "alt" ) );
var navlinks = navigation.find( "a" );
var animation = false;
var captionAnimation = false;
var interval;
// custom
function captionAnimate( index ){
captionAnimation = true;
var captionLeft = index > currentSlide ? edgeWidth - centerWidth : centerWidth / 2;
caption.animate({
opacity: 0,
left: captionLeft
},
settings.animationSpeed / 2,
function(){
caption.html(images.eq(index).attr("alt"));
$(this).css({left: 0}).animate({
opacity: 1
},
settings.animationSpeed / 2,
function(){ captionAnimation = false }
);
}
);
}
// end
navlinks.click(function(){
clearInterval(interval);
var nextSlide = $(this).data("index");
if( !animation && !captionAnimation && nextSlide != currentSlide)
{
animation = true;
var step = nextSlide - currentSlide;
contLeft += -centerWidth * step;
navlinks.removeClass("active");
$(this).addClass("active");
cont.animate({left: contLeft}, settings.animationSpeed, function(){
animation = false;
currentSlide = nextSlide;
SetInterval();
});
captionAnimate(nextSlide);
}
});
$(window).resize(function() {
SetInitial();
});
function SetInterval(){
interval = setInterval(function(){
navlinks.eq((currentSlide + 1) % navlinks.length).click();
}, 5000);
}
SetInterval();
});
};
$(document).ready(function(){
$("#main-gallery").mainslider({
appendNavigationTo: $("#content"),
appendCaptionTo: $("#content"),
width: 961
});
});
Подскажите пожалуйста, как сделать у каждой картинки - разные ссылки? Примечание: эти ссылки, обязательно должны быть на альте, который выводится в блок(то есть у каждого альта своя ссылка, зависит от того, какая картинка сейчас)