Le curseur JQuery explose lors du chargement de la page

J'ai essayé de comprendre comment arrêter ce curseur sur un site sur lequel je travaille: [link omitted] de charger pendant le chargement de la page et de pousser tout le contenu vers le bas.Le curseur JQuery explose lors du chargement de la page

J'ai essayé d'implémenter la réponse de Jerph comme dans ce post: Hide jQuery Accordion while loading mais sans succès quelqu'un peut-il faire la lumière sur ce problème et dire ce que je fais mal.

Le curseur est initié par:

$('#slider .items').cycle({ 
    fx: 'blindY', 
    timeout: 9599 
});

Comme dans Jerphs réponse:

<body <?php echo $bodyid;?>> 
<script type="text/javascript">jQuery('body').addClass('js');</script>

J'ai mis les body.js Infront des styles de curseur dans la feuille de style principale.

body.js #slider {margin-bottom:10px; margin-top:-60px} 
    body.js #slider .items {height: 283px; width:990px; position:relative;} 
    body.js #slider .items div {height:212px; width:990px; padding-top: 72px; background: 0px 72px no-repeat url("../images/banners/banner-bg.png"); background-color:transparent !important;} 
    body.js #slider .items div h1 {float: left; font-size:30px; color:#fff; font-weight:bold; margin:20px 0 0 20px;} 
    body.js #slider .items div p {float: left; font-size:20px; color:#C5E9FF; font-weight:bold; margin: 10px 0 0 20px; line-height:23px;} 
    body.js #slider .items div img {float: right; position:relative;} 

    body.js #slider .items .item-1 img {right:-1px; top:-23px; height:233px;} 
    body.js #slider .items .item-1 p, #banner .items .item-1 p {width:530px;} 

    body.js #slider .items .item-2 img {right:50px; top:-71px; height:281px;} 
    body.js #slider .items .item-2 p, #banner .items .item-2 p {width:530px;} 

    body.js #slider .items .item-3 img {right:50px; top:-32px; height:242px;} 
    body.js #slider .items .item-3 p, #banner .items .item-3 p {width:530px;} 

    body.js #slider .items .item-4 img {right:50px; top:-62px; height:272px;} 
    body.js #slider .items .item-4 p, #banner .items .item-4 p {width:550px;} 

    body.js #slider .banner-signup { position:relative; top:-20px; left:-20px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .banner-tour { position:relative; top:-20px; left:-20px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);} 

    body.js #slider .items .item-1 p a.banner-signup { position:relative; top:5px; left:-20px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .items .item-1 p a.banner-tour { position:relative; top:5px; left:-20px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);} 

    body.js #slider .items .item-3 p a.banner-signup { position:relative; top:-27px; left:-43px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .items .item-3 p a.banner-tour { position:relative; top:-27px; left:-43px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);}

Y a-t-il un moyen de m'arrêter de faire exploser ce curseur?

Source

2010-11-07 Solidariti

votre exemple lié nécessite une authentification ..? Aussi, ne cachez pas les URL derrière [tinyurl] (http://tinyurl.com/) (ou des liens similaires); S'il vous plaît utiliser l'URL ** réelle ** (j'aime voir où je vais quand je clique sur un lien, blâmer trop d'années de Slashdot pour ça ...). –

Le nom d'utilisateur et mot de passe est «liste» sans commentaires. – Solidariti

La raison pour laquelle j'utilise tinyURL est que l'adresse n'apparaît pas dans les moteurs de recherche. Je m'excuse pour tout inconvénient. – Solidariti

Je pense que ce que vous devez faire ici est simplement de cacher le curseur avec une classe .hidden avec display:none jusqu'à ce que jQuery.ready(…) obtienne le déclenchement, et rend le curseur visible après son initialisation.

Source

2010-11-07 17:46:52 shiawuen

Comment le réinitialiser? – Solidariti

Je n'arrive toujours pas à faire fonctionner cela, il explose toujours sur la page et ralentit la page de chargement. Le curseur et les accordéons le font tous les deux. – Solidariti

Je ne pense pas que ce soit la bonne chose à faire, j'essaie de trouver la cause. – Solidariti

La cause de l'explosion du slider est les instructions php include que j'utilise actuellement autour de 20. Je les omets et le curseur se charge parfaitement.

Source

2010-12-19 15:20:31 Solidariti

Le curseur JQuery explose lors du chargement de la page

Répondre

Questions connexes