有没有办法在Magento 1411上调试Lightbox2

时间:2015-10-27 21:21:58

标签: javascript jquery css magento-1.4 lightbox2

我正在尝试在view.phtml上使用Lightbox2。我已经包含了“lightbox.js”和“lightbox.css”。我正在使用jQuery 1.8.2。在“lightbox.js”之前调用jQuery。我可以看到这些文件已被包含在我查看主页代码时,我可以下载“lightbox.js”和“lightbox.css”代码。

当我点击灯箱链接时,它会在新页面中显示第一张图片,而不是在弹出窗口中弹出图像。

有任何线索吗?

谢谢

1 个答案:

答案 0 :(得分:0)

我使用了以下代码

End If

主页标题

        <a class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
        <a class="example-image-link"  visibility: hidden href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
        <a class="example-image-link" visibility: hidden href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
        <a class="example-image-link" visibility: hidden href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>