Jquery fancybox ajax图像库

我正在尝试通过ajax加载fancybox图像库。这是我第一次使用fancybox，我的jquery知识有限。 这是我到目前为止整理的东西。画廊链接

<a class="fancybox" href="galleryAj.php?galid=641"><img src="http://www.urllinktomyimage/4451_641.jpg" alt="#" height="140" width="210"></a>

当我单击“多媒体资料”链接时，所有图像都显示在一个相邻的窗口中，而不是幻灯片放映。 我在谷歌和堆栈溢出搜索答案，但没有成功。希望有人能帮忙。

---

提前感谢。

删除ajax类型，然后只删除

$（“.fancybox”）.fancybox（）像这样放置以在库中显示它们

解释

HTML

有关更多信息，请查看
使用php页面显示图像

有点像

/images/thumbnail.php？file=this/is/my/path.jpg&w=100&h=100

因此，如果您转到该url，它将显示图像本身

排序为
imagecreatefromstring（$file）键入设置编码和内容的内容

那就正常给fancybox打电话

js

$（“.fancy”）.fancybox（{type:'image}）

html

并使用上面关于调用图像的php页面的内容


我还想指出，使用ajax调用html并不是最好的做法。您可能需要考虑使用JavaScript模板框架（SuthAcess等），并且只通过JavaScript将JSON传递给模板。p> 此方法仅在href和image src值指向图像时有效，在我的版本中，它们指向创建值的php脚本，因此类型为：ajax.ok，然后尝试使用
$.fancybox.open（arr，{//your options here}）
，就像谢谢一样，但我不确定这是我需要的。我尝试使用ajax加载图库的原因是，每个页面上都有许多图库，每个图库包含许多图片，所有图片都来自mysql数据库。我已经测试了一个页面，将所有图像引用加载到一个隐藏的div中，但是页面加载速度太慢了，因此需要一个动态ajax解决方案。在继续使用
$.fancybox.open
之前，您需要在这里进行一些操作。好的，但这就是我需要帮助的地方。我的jquery知识不够广泛。如何将ajax结果插入$.fancybox.open（[…此处的ajax结果]）；。我曾使用ajax更新页面的dom元素，但从未使用其他jquery函数。有人吗？您的ajax链接不需要类
fancybox
，因为它只将链接带到页面。然后，当ajax调用将链接（和缩略图）带到页面时，您仍然需要单击其中一个链接来启动fancybox库。另一方面，如果希望从单个链接启动gallery，那么可能需要采用不同的方法，要么将gallery元素放在变量中，要么将它们放在json文件中，您可以通过ajax读取。
<a class="fancybox" rel="gallery1" href="../images/4451_641.jpg" title=""><img src="../images/4451_641.jpg" alt="" /></a>

$(document).ready(function() {
$(".fancybox")
    .attr('rel', 'gallery1')
    .fancybox({
        type: 'ajax',
        padding : 0
    });
});

<a class="fancybox" rel="gallery1" href="HREF1">
    <img src="SRC1" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="HREF2">
    <img src="SRC2" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="HREF3">
    <img src="SRC3" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="HREF4">
    <img src="SRC4" alt="" />
</a>

$(".fancybox").fancybox();

<a class="fancy" href="/images/thumbnail.php?file=this/is/my/path.jpg&w=1000&h=1000">
    <img src="/images/thumbnail.php?file=this/is/my/path.jpg&w=50&h=50"/>
</a>

$("#galary_area").load("/galaries.php",function(){
   $("a",this).fancybox({type:'image'});
})