我不想被css影响的图片被它影响了

Question

我真是孤立无援，所以请帮帮我。

我正在为我的学校项目和图片制作一个网站，我想放大一下，我在head上找到了下面的代码。

<link rel="stylesheet" type="text/css" media="screen" href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.css" />
    <style type="text/css">
        a.fancybox img {
            border: none; 
        } 
    </style>

然后把代码放进身体：

<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 = false;
                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
                });
            });
            $.noConflict();
        </script>

它所做的是，当我点击每一张图片，它会放大，但问题是，我在页面上的标志也是一个图像，当我把这个代码放在那里，我不能点击它去到主页，因为它也在我点击时放大。

有类似css取消之类的吗？

如果没有，请帮帮我。

提前谢谢，

还有干杯。

Answer 1

问题是这条线：

$(addToAll ? 'img' : 'img.fancybox').each(function(){

因为addToAll是真的，所以它将fancybox (“缩放”)添加到所有图像中。

相反，你能做的是改变

var addToAll = true

转到

var addToAll = false

然后，在HTML中，您需要更改想要缩放的图像，以便它们有一个class="fancybox，如下所示：

<img src="logo.png">
<img src="zoomthis.jpg" class="fancybox">

第一个图像不会在Fancybox中打开，第二个图像将打开。