Fancybox iframe编辑

-2

我在我的网站上使用这个脚本https://stackoverflow.com/a/8855410/1055987，但我想编辑这个，我不知道如何。我想脚本从数据库中获取图像，我不想写这样的任何东西，这可能吗？正常的fancybox只是添加rel =“group”，但没有工作。你有任何解决方案吗？Fancybox iframe编辑

[ 
{href:'images/01.jpg', title: '01'}, 
{href:'images/02.jpg', title: '02'}, 
{href:'images/03.jpg', title: '03'} 
]

来源

2013-01-20 user1993243

你需要定期更换图像？如果您可以使用'ajax'从服务器请求图像并更新图像 – DON

有一个更简单的解决方案？ – user1993243

如果您需要定期更改图像，那么您必须实现'ajax'，这是一个更简单的解决方案。 – DON

如果你已经打电话给你的图片集通过AJAX因此返回例如

{href:'images/01.jpg', title: '01'}, 
{href:'images/02.jpg', title: '02'}, 
{href:'images/03.jpg', title: '03'}

...并假设你有一个系列的缩略图，对应于每个图像各一Ajax调用像

<div class="thumbs"> 
    <img src="images/01_thumb.jpg" alt="" /> 
    <img src="images/02_thumb.jpg" alt="" /> 
    <img src="images/03_thumb.jpg" alt="" /> 
</div>

... 通知我裹缩略图的div与class="thumbs" ...那么你就需要捕捉被点击了什么拇指（在index）并打开启动与相应图像的fancybox所以你可以做

$('.thumbs img').click(function() { 
    var startWith = $(".thumbs img").index(this) 
    $.fancybox(myAjaxCall, { 
     type: "image", 
     index: startWith 
    }); // fancybox 
}); // click

... 通知，我得到了被点击拇指什么使用index()方法

var startWith = $(".thumbs img").index(this);

...和所使用的API选项index告诉什么图像的fancybox启动画廊。

见JSFIDDLE

来源

2013-01-21 00:43:35 JFK

Fancybox iframe编辑

回答

相关问题