度々お世話になっております。
今回はサムネイルなしのスライドを作成しているのですが、リロードすると画像が縦並びで表示されてしまいます。画像をクリックすると画像の下に収納されていくのですが、またリロードすると収納されずに縦に並んでしまいます。最初からしっかり3枚とも重なった状態にしたいです。よろしくお願いします。
【HTML】
<div id="full"> <!-- 画像を全て記述 --> <img src="img/6-1.png"> <img src="img/6-2.png"> <img src="img/6-3.png"> </div>
【jQuery】
<script> $(function () { $('#full img').click(function() { $(this).fadeOut('fast', function() { $(this).next('img').fadeIn(); // 最後尾に移動 $('#full').append(this); }); }); }) </script>
【css】
.full img { display: none; } .full img:first-child { display: inline; } ``` よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/01/10 03:01 編集