2012-06-01 39 views
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(); 
}); 

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

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

任何想法?图片加载我测试没有花哨的插件我可以在网站上看到图像,我也使用magento。

+4

您以后再试? –

回答

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(); 

...只是为了好玩;)

0

使用时您应该将路径作为参数传递给函数,而不是之后。该方法中的逻辑内容为您指定的文件查找当前主题,如果该文件不存在,则会回到默认主题路径。

让我们假设你使用自定义主题(命名的自定义/主题)。鉴于以下文件结构:

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" /> 
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'); 
//? 
相关问题