1

ここで説明されているようなfancybox2ファイルを http://fancyapps.com/fancybox/#instructionsに含め 、拡張機能xml、 <action method="addJs"> javascriptファイル、および <action method="addItem"> cssを使用しています。

私の中に含まれているjsファイルとcssファイルの順序：

<link rel="stylesheet" type="text/css" href="magento/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="magento/js/n123/fancybox2/source/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/default/default/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/base/default/css/widgets.css" media="all" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/default/default/css/print.css" media="print" />
<script type="text/javascript" src="magento/js/prototype/prototype.js"></script>
<script type="text/javascript" src="magento/js/lib/ccard.js"></script>
<script type="text/javascript" src="magento/js/prototype/validation.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="magento/js/varien/js.js"></script>
<script type="text/javascript" src="magento/js/varien/form.js"></script>
<script type="text/javascript" src="magento/js/varien/menu.js"></script>
<script type="text/javascript" src="magento/js/mage/translate.js"></script>
<script type="text/javascript" src="magento/js/mage/cookies.js"></script>
<script type="text/javascript" src="magento/js/n123/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="magento/js/n123/jquery/jquery.no.conflict.js"></script>
<script type="text/javascript" src="magento/js/varien/product.js"></script>
<script type="text/javascript" src="magento/js/varien/configurable.js"></script>
<script type="text/javascript" src="magento/js/calendar/calendar.js"></script>
<script type="text/javascript" src="magento/js/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="magento/js/n123/fancybox2/source/jquery.fancybox.pack.js"></script>

次に、テンプレート（phtml）内に、次のコードを追加しました。

<a id="single_1" href="http://farm8.staticflickr.com/7100/6917703112_d18e3e1b95_b.jpg" title="Assunção - Santo Tirso...a New Dimension... (Alex Matos)">
<img src="http://farm8.staticflickr.com/7100/6917703112_d18e3e1b95_m.jpg" alt="" />
</a>
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      });
</script>

Chromeでは、次のエラーが発生します。

http://www.imagebanana.com/view/6oxxttnx/s02.png

       Uncaught TypeError: Object function wrap(wrapper) {
             var __method = this;
             return function() 
                       {
                          var a = update([__method.bind(this)],  arguments) ;
                          return wrapper.apply(this, a);
                       }
       } has no method 'unbind'

すべての助けは大歓迎です！

4

1 に答える 1

1

私は魂を見つけました：私の場合、パックされた「fancybox.pack.js」は機能せず、上記のエラーが表示されましたが、「fancybox.js」（「アンパック」/通常バージョン）は魅力のように機能します！ご支援とご清聴ありがとうございました。

于 2012-06-21T14:51:52.103 に答える