2012-06-01 93 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'); 
//? 
相關問題