一个我不想受到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> 

什么THID做到了，当我点击每幅图像将放大，但问题是，我的页面也标志是一个图像，当我把这个代码放在那里的时候，这个标志就出现了，我不能点击它来到主页，因为它也会在我点击时放大。

有没有像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中打开，第二个将会。