Jquery Fancybox无法加载请求的内容。请稍后再试

可能是这样

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

应该是

href="banner-about-cart.png"

检查您的路径是否正确。如果禁用javascript（链接尚未隐藏），是否可以链接到图像

旁注：

这：

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

可以归结为：

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

---

。。。只是为了好玩；）

使用

getSkinUrl（）

时，应该将路径作为函数的参数，而不是放在它之后。方法中有逻辑在当前主题中查找您指定的文件，如果该文件不存在，则返回默认主题路径

示例

假设您使用一个自定义主题（名为custom/theme）。给定以下文件结构：

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

---

我认为应该内联指定fancybox类， 请记住，css文件中也有样式代码：

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

---

你稍后再试了吗？

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

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

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

 <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');
//?