hehe, några timmar senare. Jag försöker men får inte till det. Den verkar ju dumt nog inte spara allt i en enkel array så att man kommer åt bilderna lätt utan hämtar bara in tre i taget (vilket inte funkar om man har fler än tre) och ger dem namn för active, prev och next. Det ställer till det ordentligt.
Det här har jag testat nu och det visas i rätt riktning, men det är långt ifrån en elegant lösning :)
Förslag? Tack!
//Slideshow Show Slide
showslide = function(showslide) {
if($.inAnimation) return false;
else $.inAnimation = true;
var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
var currentslide = $('#supersized .activeslide');
if ( currentslide.length == 0 ) currentslide = $('#supersized a:last'); //*******Check if end of array?
var nextslide = currentslide.next().length ? currentslide.next() : $('#supersized a:first'); //*******Array
var prevslide = nextslide.prev().length ? nextslide.prev() : $('#supersized a:last'); //*******Array
//Get the slide number of new slide
$.currentSlide == 0 ? $.currentSlide = options.slides.length - 1 : $.currentSlide-- ;
/**** Image Loading ****/
//Load next image
loadSlide=false;
$.currentSlide == options.slides.length - 1 ? loadSlide = 0 : loadSlide = $.currentSlide + 1;
loadSlide = showslide-1;
imageLink = (options.slides[options.slides.length - 1].url) ? "href='" + options.slides[options.slides.length - 1].url + "'" : "";
$("<img/>").attr("src", options.slides[options.slides.length - 1].image).appendTo("#supersized").wrap("<a " + imageLink + " class=\"prevslide\">></a>");
imageLink = (options.slides[loadSlide].url) ? "href='" + options.slides[loadSlide].url + "'" : "";
var newslide = $("<img/>").attr("src", options.slides[loadSlide].image).appendTo("#supersized").wrap("<a " + imageLink + " class=\"activeslide\"></a>");
imageLink = (options.slides[loadSlide+1].url) ? "href='" + options.slides[loadSlide+1].url + "'" : "";
$("<img/>").attr("src", options.slides[loadSlide+1].image).appendTo("#supersized").wrap("<a " + imageLink + " class=\"nextslide\">></a>");
currentslide.prev().remove(); //Remove Old Image
prevslide.remove();
nextslide.remove();
/**** End Image Loading ****/
newslide.hide()
if (options.transition == 0){
newslide.show(); $.inAnimation = false;
}
if (options.transition == 1){
newslide.fadeIn(750, function(){$.inAnimation = false;});
}
if (options.transition == 2){
newslide.show("slide", { direction: "up" }, 'slow', function(){$.inAnimation = false;});
}
if (options.transition == 3){
newslide.show("slide", { direction: "right" }, 'slow', function(){$.inAnimation = false;});
}
if (options.transition == 4){
newslide.show("slide", { direction: "down" }, 'slow', function(){$.inAnimation = false;});
}
if (options.transition == 5){
newslide.show("slide", { direction: "left" }, 'slow', function(){$.inAnimation = false;});
}
$('#supersized').resizenow();
}