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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier ist ein Beispiel, bei der Arbeit prev und next Tasten: http://jsfiddle.net/8FMsH/1/
Auf den Daumen klicken, müssen Sie zum speichern des aktuellen Bildes:
InformationsquelleAutor claustrofob
Müssen Sie das aktuelle Bild auf klicken Sie auf:
Dann ändern Sie den code auf der next-klicken Sie auf diese:
Siehe das Beispiel bei http://jsfiddle.net/c9Jkv/24/
InformationsquelleAutor sroes
Habe ich aktualisiert code-Einstellung hinzufügen einer Klasse
selected
auf das aktuell ausgewählte Bild und verwenden, die zu "finden" die nächsten Daumen.http://jsfiddle.net/c9Jkv/25/
Scheint dies ziemlich gekünstelt aber, und vielleicht ist es ein bisschen einfacher, wenn Sie einfach nur gepflegt eine Art von Datenstruktur, z.B. ein array oder ein Objekt oder etwas, das könnte es etwas einfacher machen, anstatt auf dem DOM, alles zu tun.
Dies erfordert keine änderung am Quellcode. Es gibt ungefähr 3 Linien Hinzugefügt, um die jQuery-die macht alles für Sie. 🙂
InformationsquelleAutor Thomas Clayson
Ich würde vorschlagen, mit Colorbox oder Shadowbox
Auch erwähnte ich in früheren Kommentaren, warum kann ich nicht einfach ein das Stopfen
InformationsquelleAutor Andrey