Question

我尝试在我的移动网站上使用photoswipe（在此处下载：http://github.com/downloads/dimsemenov/PhotoSwipe/code-photoswipe.v1.0.11.zip）。我的问题是，显然照片不会发射。

我的标题如下：

<link media="all" href="fileadmin/css/mobile/photoswipe.css?1406785972" type="text/css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.9.1.min.js">
<script src="fileadmin/js/libaries/simple-inheritance.min.js">
<script src="fileadmin/js/libaries/code-photoswipe-1.0.11.min.js">
<script src="fileadmin/js/libaries/photoswipe.js">

当我点击图片时，photoswipe无法启动。我认为您可以在我的网站上看到最佳效果：http://m.andre-hohmann.net/bilder/urlaubsbilder/tunesien-2010/。有人知道我做错了吗？

非常感谢。

Answer 1

According to the documentation，当DOMContentLoaded被加载时，您需要附加Photoswipe的库，如下所示：

// Set up PhotoSwipe with all anchor tags in the Gallery container 
document.addEventListener('DOMContentLoaded', function(){
    var myPhotoSwipe = Code.PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), { enableMouseWheel: false , enableKeyboard: false } );
}, false);

请注意window.document.querySelectorAll('#Gallery a')，因为这意味着标识为Gallery且内部有一个或多个a元素的DOM元素。所有这些a元素都附加了Photoswipe库。

照片1.0.11 - 没有开火

1 个答案: