为特定图像禁用 Fancybox

Question

我不知道 Javascript 但我用它来运行 Fancybox。不涉及wordpress。 Fancybox 的工作方式似乎是针对任何和所有图像，但对于我页脚中的社交媒体图标之类的东西，我不希望 Fancybox 将其作为目标。有没有一种简单的方法可以关闭特定图像上的 Fancybox？

非常感谢任何帮助！这是我在 html.

中粘贴的 Javascript

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script>
<script type="text/javascript">
    $(function($){
        var addToAll = true;
        var gallery = true;
        var titlePosition = 'inside';
        $(addToAll ? 'img' : 'img.fancybox').each(function(){
            var $this = $(this);
            var title = $this.attr('title');
            var src = $this.attr('data-big') || $this.attr('src');
            var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
            $this.wrap(a);
        });
        if (gallery)
            $('a.fancybox').attr('rel', 'fancyboxgallery');
        $('a.fancybox').fancybox({
            titlePosition: titlePosition
        });
    }); </script>

Answer 1

将 addToAll 从 true 更改为 false。这样 fancybox 将被添加到具有 .fancybox class.

的图像中

为特定图像禁用 Fancybox

Disable Fancybox for specific images

html

javascript

css

image

fancybox