0 
<link rel="stylesheet" href="<?php echo $this->getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $this->getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.pack.js?v=2.0.6"></script>

<script type="text/javascript">

$(document).ready(function() {
  $("a#image").fancybox();
  $("a#image").trigger('click');
  $("a#image").hide();
});


<a id="image" href="banner-about-cart.png"><img src="<?php echo $this->getSkinUrl() ?>images/banner-about-cart.png" alt=""/></a>

何か案は？ファンシープラグインなしでテストした画像の読み込みは、サイトで画像を見ることができます.magentoも使用しています。

4

3 に答える 3

1

fancybox クラスをインラインで指定する必要があると思います。css ファイルにもスタイリング コードがあることに注意してください。

 <a id="image" href="banner-about-cart.png" class="fancybox">
    <img src="<?php echo $this->getSkinUrl(); ?>images/banner-about-cart.png" alt="" />
 </a>
 <!--notice that you forgot to semi-colon after $this->getSkinUrl() -->
<script>
   $(document).ready(function() {
     $("a#image").fancybox();
     //try wrapping the rest of the code in this document load:
     $(document).load(function(){
         $("a#image").trigger('click');
         $("a#image").hide();
     });
   });
</script>

また、次のいずれかを試してみるとどうなりますか?:

 $('#image').trigger('click');
//or
$('a[id="image"]').trigger('click');
//?
于 2012-07-05T09:49:01.263 に答える
0

多分これ

href="banner-about-cart.png"

する必要があります

href="<?php echo $this->getSkinUrl() ?>images/banner-about-cart.png"

または単に

href="images/banner-about-cart.png"

正しいパスがあることを確認してください。javascriptが無効になっている（そしてリンクがまだ非表示になっていない）場合、画像にリンクできますか？

補足：

これ ：

  $("a#image").fancybox();
  $("a#image").trigger('click');
  $("a#image").hide();

これに減らすことができます：

$("a#image").fancybox().trigger('click').hide();

...楽しみのためだけに;）

于 2012-06-01T22:37:32.107 に答える
0

使用するときgetSkinUrl()は、関数の後にではなく、関数へのパラメーターとしてパスを配置する必要があります。メソッド内には、指定したファイルの現在のテーマを検索するロジックがあり、そこに存在しない場合は、デフォルトのテーマ パスにフォールバックします。

例

カスタム テーマ (custom/theme という名前) を使用するとします。次のファイル構造があるとします。

skin/
  frontend/
    custom/
      theme/
        images/
          new-logo.png
    default/
      default/
        images/
          new-logo.png
          logo.png

// Good!
<?php echo $this->getSkinUrl('images/new-logo.png'); ?>
// returns http://www.example.com/skin/frontend/custom/theme/images/new-logo.png

// Good, even though images/logo.png doesn't exist in our custom theme.
<?php echo $this->getSkinUrl('images/logo.png'); ?>
// returns http://www.example.com/skin/frontend/default/default/images/logo.png

// Bad! This will cause a 404 error!
<?php echo $this->getSkinUrl('') . 'images/logo.png'; ?>
// returns http://www.example.com/skin/frontend/custom/theme/images/logo.png

これがクエリ文字列で機能するとは思わない?v=2.0.6ので、追加する必要があることを指摘しておく必要があります。

<link rel="stylesheet"
      href="<?php echo $this->getSkinUrl('js/fancybox/source/jquery.fancybox.css'); ?>?v=2.0.6"
      type="text/css"
      media="screen" />
于 2012-06-01T22:58:46.407 に答える