一個我不想受到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中打開，第二個將會。