Question

我正在寻找一些帮助来解决我遇到的问题......

我正在使用我在网上找到的模板，我正在尝试在模板上使用另一个JavaScript脚本来更改图片的行为，一旦点击它就会显示带有图片的模态弹出窗口。这个脚本叫fancybox（还有很多其他的东西也做同样的事情，尝试过它们，结果相同）但是，一旦我将fancybox类应用于图片标签，它就会破坏图片和版面的大小..所有图片开始互相重叠，占用整个屏幕..而且，我还包括网站内的js和css链接，这不是问题所以请不要问它..谢谢

可以找到模板和scirpt的位置是： http://tympanus.net/codrops/2014/12/23/sliding-header-layout/ http://fancybox.net/

此外，这是我在

上应用fancybox类标记的代码

<a href="img/item01.jpg" class="item, fancybox">
    <img class="item__image" src="img/item01.jpg" alt="item01"/>
    <h2 class="item__title">Magnificence</h2>
</a>

<a href="img/item02.jpg" class="item, fancybox">
    <img class="item__image" src="img/item02.jpg" alt="item02"/>
    <h2 class="item__title">Electrifying</h2>
</a>

<!-- ... -->

任何帮助，将不胜感激。提前谢谢..

Answer 1

这是因为你在课堂上使用逗号。这些类应该看起来像这样：

<a href="img/item01.jpg" class="item fancybox">

在HTML中定义类时，不要使用逗号。另外，请记住，如果遇到过这种情况，您只能使用1个ID。

在前端javascript网站弹出图片

1 个答案: