Jquery Photoswip在一个站点上创建多个库
我在基于Typo3的主页上使用Photosweep,使用yag gallery扩展和Photosweep。我在一个网站上有5个画廊。单击其中一个库中的图像时,仅显示最后一个库中的图像 HTML如下所示:Jquery Photoswip在一个站点上创建多个库,jquery,typo3,photoswipe,Jquery,Typo3,Photoswipe,我在基于Typo3的主页上使用Photosweep,使用yag gallery扩展和Photosweep。我在一个网站上有5个画廊。单击其中一个库中的图像时,仅显示最后一个库中的图像 HTML如下所示: <div class="row col span_12"> <div class="headlines"> <div class="tx-yag-pi1 theme-photoswipe&qu
<div class="row col span_12">
<div class="headlines">
<div class="tx-yag-pi1 theme-photoswipe">
<div id="yag-c84" class="yag-list-wrap yag-gallery">
<ul>
<div class="tx-yag-items gallery-row">
<li id="yag_2" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
<div class="tx-yag-thumb-innerframe yag-item-thumb-innerframe">
<a class="gallery-link" href="typo3temp/yag/02/test1.jpg">
<img class="gallery-img" width="150px" height="150px" src="typo3temp/yag/00/test1.jpg" title="test" alt="test">
</a>
</div>
</li>
<li id="yag_3" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
<li id="yag_4" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
<li id="yag_5" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
<li id="yag_6" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item">
</div>
</ul>
</div>
</div>
</div>
<div class="row col span_12">
<div class="row col span_12">
<div class="row col span_12">
<div class="row col span_12">
有人知道我如何单独调用每个库吗?不确定这是否有用,但看看我是如何在一个页面上解决多个库的。我基本上是通过让Photosweep页面正常工作,然后使用
object
多次嵌入它来实现的
$(document).ready(function(){
var myGallery = $(".yag-gallery").each(function(){
$(this).find("a").photoSwipe();
});
});