私は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キャンセルなどがありますか？

そうでない場合は、私に手伝ってください。

ありがとうございました。

そして歓声。 addToAllが真である

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

ので、それはすべて画像にfancybox（ "ズーム"）を追加します。

Answer 1

問題は、このラインです。あなたの代わりに何ができるか

は、

var addToAll = false 

に

var addToAll = true 

を変更すると、彼らはclass="fancyboxを持っているように、あなたのHTMLにあなたは、あなたがズーム可能になりたい画像を変更する必要がありますこのように：

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

最初の画像は、Fancybox第二の意志を開くことができません。