La page de test du plugin jQuery affiche le code flash non lu dans Chrome - pourquoi?

Question

Je suis en train de mettre en œuvre une diapositive de base vers le bas panneau en utilisant jQuery, basé sur le plug-in suivant:

http://samuelgarneau.com/lab/slidebox/

Le problème que je vais avoir est qu'il semble y avoir un FOUC (à partir de la panneau) dans le coin supérieur gauche lorsque je regarde dans Chrome. Voici le lien:

http://www.asolidsite.com/clients/glennstar/custom/index.html

Cela ne se produit pas dans la démo du plugin - donc je dű Mucked quelque chose. Mais j'ai essayé de jouer avec toutes sortes de choses, pas de chance. Vous vous demandez s'il pourrait y avoir quelqu'un avec un aperçu de jQuery.

Je me demande si le resizer jQuery bg peut interférer avec les choses (et le faire trop retarder sur le chargement ...).

Merci pour toute aide!

Answer 1

Avez-vous essayé de changer le code source pour que le fond d'écran en plein écran soit javascript et que le curseur soit javascript ensemble? Parce que maintenant vous en avez un, puis l'autre et ensuite l'action jquery pour chacun à son tour. Il peut être préférable d'avoir le script d'arrière-plan en plein écran, puis l'action jquery, puis le script slider suivi de l'action jquery. J'ajouterais aussi le script cufon en bas car même s'il ne se charge pas immédiatement, il a le moins d'impact sur la fonctionnalité.

De même, si cela ne fonctionne pas pour vous, modifiez l'arrière-plan en plein écran et les scripts de curseur, afin que le curseur se charge avant l'arrière-plan en plein écran. Comme il s'agit d'un fichier assez volumineux, cela pourrait causer la gigue.

Exemple:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>  
<script type="text/javascript" src="js/jquery.fullscreenr.js"></script> 
<script type="text/javascript"> 
      <!-- 
      var FullscreenrOptions = { width: 1400, height: 895, bgID: '#bgimg' }; 
      jQuery.fn.fullscreenr(FullscreenrOptions); 
      //--> 
</script> 
<script type="text/javascript" src="js/slidebox.js"></script>  
<script type="text/javascript"> 
       $(document).ready(function(){ 
        $("#slider").slideBox({width: "100%", height: "200px", position: "top"}); 
       }); 
</script> 
<script type="text/javascript" src="js/cufon-yui.js"></script> 

Soit dit en passant (et hors-sujet), je pense que le design est beau. Si j'ai raison, je vivais très près de cette région, Medicine Hat, AB.