fancyBox3のgroupで、モーダルを開いたときに表示の順番を変更したいのですが、方法がわかりません。
教えていただけますでしょうか。
以下の場合、「image_1.jpg」「image_2.jpg」「image_3.jpg」の順番で表示されていますが、モーダルを開いたときは、「image_2.jpg」「image_1.jpg」「image_3.jpg」の様に順番を変更したいのです。
よろしくお願いいたします。
html
1<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css"> 2<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 3<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> 4 5 6<a href="image_1.jpg" data-fancybox="gallery" data-caption="Caption #1"> 7 <img src="thumbnail_1.jpg" alt="" /> 8</a> 9 10<a href="image_2.jpg" data-fancybox="gallery" data-caption="Caption #2"> 11 <img src="thumbnail_2.jpg" alt="" /> 12</a> 13 14<a href="image_3.jpg" data-fancybox="gallery" data-caption="Caption #3"> 15 <img src="thumbnail_3.jpg" alt="" /> 16</a> 17 18<script type='text/javascript'> 19 20 $('[data-fancybox="gallery"]').fancybox({ 21 // Options will go here 22 }); 23 24</script>
あなたの回答
tips
プレビュー