Fancybox Le contenu demandé ne peut pas être chargé. Veuillez réessayer plus tard

<link rel="stylesheet" href="getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" /> <script type="text/javascript" src="getSkinUrl(''); ?>js/fancybox/source/jquery.fancybox.pack.js?v=2.0.6">  $(document).ready(function() { $("a#image").fancybox(); $("a#image").sortinggger('click'); $("a#image").hide(); });

 <img src="getSkinUrl() ?>images/banner-about-cart.png" alt=""/>

Des idées? Le chargement de l’image que je teste sans plugin sophistiqué, je peux voir l’image sur le site, j’utilise également magento.

Je pense que vous devriez spécifier la classe fancybox inline, rappelez-vous qu’il existe également un code de style dans le fichier css:

aussi, que se passe-t-il si vous essayez l’une des opérations suivantes:

  $('#image').sortinggger('click'); //or $('a[id="image"]').sortinggger('click'); //?

Lorsque vous utilisez getSkinUrl() vous devez getSkinUrl() le chemin en tant que paramètre de la fonction et non après celui-ci. Il existe une logique dans la méthode qui recherche dans le thème actuel le fichier que vous avez spécifié. S’il n’existe pas, il retourne au chemin du thème par défaut.

Exemple

Supposons que vous utilisiez un thème personnalisé (nommé custom / theme). Étant donné la structure de fichier suivante:

 skin/ frontend/ custom/ theme/ images/ new-logo.png default/ default/ images/ new-logo.png logo.png // Good! https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/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. https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/getSkinUrl('images/logo.png'); ?> // returns http://www.example.com/skin/frontend/default/default/images/logo.png // Bad! This will cause a 404 error! https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/getSkinUrl('') . 'images/logo.png'; ?> // returns http://www.example.com/skin/frontend/custom/theme/images/logo.png

Je tiens à souligner que je ne pense pas que cela fonctionnera avec les chaînes de requête ?v=2.0.6 sorte que vous devrez append:

Peut être ça

 href="https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/banner-about-cart.png"

devrait être

 href="https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/getSkinUrl() ?>images/https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/banner-about-cart.png"

ou simplement

 href="images/https://stackoverflow.com/questions/10857849/fancybox-the-requested-content-cannot-be-loaded-please-try-again-later/banner-about-cart.png"

Vérifiez que vous avez le bon chemin. Pouvez-vous créer un lien vers l’image si le javascript est désactivé (et le lien n’est pas encore masqué)?

Une note de côté :

Ce :

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

peut être réduit à ceci:

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

… juste pour le fun 😉