2
我開始一個畫廊與多個預覽圖片(鏈接)。第一個在畫廊開始,下一個到同一個畫廊的特定照片,但是如果您願意,您可以點擊整個畫廊。把它看作是一個設置書籤,可以將你帶到一個更大的圖像庫的不同點。從多個預覽圖片開始一個畫廊,與Fancybox2
我已經複製瞭如何現在爲我工作,雖然它是多餘的,不是很有效。我只是假裝它,以便整個事情循環。我很欣賞任何建議。
這裏是鏈接:
<a class="open_fancybox" href=""><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>
<a class="open_fancybox2" href=""><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt=""/></a>
這裏是多餘的Javascript(顯示爲第二鏈路以不同的順序圖像):
$(".open_fancybox").click(function() {
$.fancybox.open([
{
href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
title : '1st title'
},
{
href : 'http://fancyapps.com/fancybox/demo/2_b.jpg',
title : '2nd title'
},
{
href : 'http://fancyapps.com/fancybox/demo/3_b.jpg',
title : '3rd title'
},
{
href : 'http://fancyapps.com/fancybox/demo/4_b.jpg',
title : '3rd title'
}
], {
padding : 0
});
return false;
});
$(".open_fancybox2").click(function() {
$.fancybox.open([
{
href : 'http://fancyapps.com/fancybox/demo/3_b.jpg',
title : '1st title'
},
{
href : 'http://fancyapps.com/fancybox/demo/4_b.jpg',
title : '2nd title'
},
{
href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
title : '3rd title'
},
{
href : 'http://fancyapps.com/fancybox/demo/2_b.jpg',
title : '3rd title'
}
], {
padding : 0
});
return false;
});
,你可以在這裏看到:
http://jsfiddle.net/uZCC6/2687/
數據索引的伎倆。實施和測試 - 完美無缺!謝謝你,肯尼迪!我非常感謝你的支持。 – revelyn99
@ revelyn99:沒問題 – JFK