このhttp://snook.ca/archives/javascript/simplest-jquery-slideshowチュートリアルに基づいてギャラリーを作成しようとしていますが、問題が発生しました - 前の画像を選択できません。誰か助けてくれませんか?
コードは簡単です:
jQuery('#next_image').click(function(){
jQuery('#archive_gallery :first-child').hide().next('img').show().end().appendTo('#archive_gallery');
});
<div id="archive_gallery">
<img src="01.jpg">
<img src="02.jpg" style="display: none;">
<img src="03.jpg" style="display: none;">
<img src="04.jpg" style="display: none;">
<img src="05.jpg" style="display: none;">
<img src="06.jpg" style="display: none;">
<img src="07.jpg" style="display: none;">
<img src="08.jpg" style="display: none;">
<img src="09.jpg" style="display: none;">
</div>
解決策を見つけました:
jQuery('#archive_gallery :last-child').prependTo('#archive_gallery').show().next('img').hide().end();