jquery finden Sie neben Bild, nach der die angeklickte Instanz

Ich versuche, eine Bild-Galerie, wo können Sie klicken Sie auf einen Thumbnail aus, dass Sie dann mit next und prev Tasten. Meine Frage ist, kann der Benutzer zunächst klicken Sie auf ein Bild, das ich brauchen, um festzustellen und das Training die nächsten oder vorherigen Bild, und ersetzen Sie die display-src das src von dem nächsten Bild. Ich versuche nur, um die Schaltfläche weiter, arbeitete zunächst als die bisherigen arbeiten auf dem gleichen Prinzip. Ich habe versucht, Sie zu benutzen .weiter (), aber den hat mich wirklich verblüfft.

Jede Hilfe wäre toll.

Hier ein jsfiddle von dem, was ich habe, und unten ist die jquery habe ich geschrieben, das problem ist, das untere bit für die nächste Taste:

var numImgs = $('div.locationGallery .polaroidImage').length;
var prevImages = $('.polaroidImage').prevAll().length;
var thisImage;
var imageClicked;
var nextImage;
var nextImage;

$('.polaroidImage').click(function(){
    var prevImages = $(this.parentNode).prevAll().find('.polaroidImage').length;
    if(prevImages > 0){
        $('.prev').show();
    }else{
        $('.prev').hide();
    }
    if(prevImages == (numImgs - 1)){
        $('.next').hide();
    }else{
        $('.next').show();
    }
});

$(".thumb").click(function(){
      imageClicked = '';
      imageClicked = $(this).attr('src');
    $(".imageDisplay").find('img').remove();
    $(".imageDisplay").append("<img src='"+imageClicked+"' />")
});

$('.next').click(function(){
    nextImage = $('.imageContainer').next('img').attr('src');
    alert(nextImage);
});

InformationsquelleAutor huddds | 2013-05-17

Schreibe einen Kommentar