Die Testseite für das jQuery-Plug-in zeigt in Chrome einen Flash-Code ohne Screenshot an - warum?

Question

Ich versuche, eine grundlegende nach unten rutschen Panel zu implementieren mit jQuery, bezogen auf das folgende Plugin:

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

Das Problem ist, ich habe, dass es einen Blitz von unstyled Inhalt zu sein scheint (aus dem Panel) in der oberen linken Ecke, wenn ich es in Chrome ansehe. Hier ist der Link:

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

Dies geschieht nicht in der Plugin-Demo - so must've ich muckte etwas nach oben. Aber ich habe versucht, mit allen möglichen Dingen zu spielen, ohne Glück. Sie fragen sich, ob es jemanden mit jQuery-Einblick gibt.

Ich frage mich, ob die jQuery bg Resizer möglicherweise Dinge stören (und verursacht es so viel auf Belastung zu verzögern ...).

Danke für jede Hilfe!

Answer 1

Haben Sie versucht, den Quellcode herum zu ändern, um den Fullscreen-Hintergrund Javascript zusammen und den Schieberegler Javascript zusammen zu haben? Denn im Augenblick hast du einen, dann den anderen und dann die jQuery-Aktion für jeden der Reihe nach. Es ist vielleicht besser, das Fullscreen-Hintergrundskript zu haben, dann die jquery-Aktion, dann das Slider-Skript gefolgt von der jquery-Aktion. Ich würde auch das Cufon-Skript unten hinzufügen, denn selbst wenn es nicht sofort geladen wird, hat es die geringste Auswirkung auf die Funktionalität.

Wenn das für Sie nicht funktioniert, ändern Sie den Fullscreen-Hintergrund und die Slider-Skripte, so dass der Slider vor dem Vollbild-Hintergrund geladen wird. Da es sich um eine ziemlich große Datei handelt, könnte dies den Jitter verursachen.

Beispiel:

<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> 

Durch die Art und Weise (und Off-Topic), ich denke, das Design ist schön. Wenn ich recht habe, lebte ich wirklich in der Nähe dieses Gebietes, Medicine Hat, AB.