我有一个Fancybox滑块,其缩略图在点击时在较大的视口上变为“活动”。然后 - 如果单击较大的视口,则会打开模态滑块。唯一的问题是当模式弹出您选择的幻灯片时,单击“下一步”会将您带回到第一张幻灯片,然后然后继续浏览其余幻灯片。 Vanilla Fancybox 2.1.5
我会发布代码,但它是vanilla Fancybox,它的长度接近1500行。我假设它与'next'函数中的current.index + 1定位有关。
基本上,我想告诉Fancybox当前幻灯片转到模态时的索引是什么,所以当他们点击“下一步”时,实际会转到下一张幻灯片。 (即点击滑动指数39,'下一步'变为40,依此类推......)。现在,它是[点击]索引39 - > 0,1,2,3,......
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
helpers: {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
});
</script>
另一个可能很重要的脚本(?):
<script>
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>