Dev Faq
7
votes

jquery.cycle montrant de petites images à la première charge

J'ai un problème avec JQuery.cycle Plugin. À première charge de la page (lorsque les IMG ne sont pas cachés), il montre de petits IMG, comme les miniatures. Vous pouvez le voir à (éditer: désolé, ancien lien) - attendez juste quand le deuxième img montre - c'est petit. Recharger / rafraîchir la résolution, mais ce n'est pas une solution réelle, vous savez.

Quelqu'un peut-il savoir quelle est la solution de ce problème? Merci beaucoup

3 commentaires

Tout fonctionne bien sur FF 3.6 RC2. Sur chrome 4.0.249.64 (bêta) aussi et même sur IE6. Quel navigateur utilisez-vous?

Je seconde ce que dit Balon. FF dans OS X et IE7 dans Windows - a fière allure.

Enfer, j'utilise Opera / Win7, l'a testé dans IE8 et FF3.5 aussi. Mon client a Safari / Mac, je pense et j'ai responé de l'œuvre de ce type de PPL :-(

6 Réponses :

3
votes

J'ai eu le même problème et cela me rendait fou! J'ai essayé de pré-charger les images, vérifiées versions sur tout, etc. à rien en vain. La seule chose qui semblait résoudre ce problème, définissez la largeur et la hauteur sur chaque image de la page, plutôt que dans CSS.

1 commentaires

Yup, c'est ce que j'ai fait aussi après avoir essayé un million d'autres choses.

5
votes

Utiliser Overflow: caché sur le conteneur d'images div

1 commentaires

Bien que cela ne corrige pas le problème op, il résout le flash de toutes les images.

4
votes

même problème. Les images aléatoires obtenaient des styles en ligne de 24px x 24px. Plutôt que de définir chaque hauteur et largeur d'image, je l'ai fait à travers CSS. Étant donné que ma largeur était une largeur fixe, je définit cela, mais réglez la hauteur à 100%: 

.ParentDiv img { width: 400px !important; height: 100% !important; }

0 commentaires
5
votes

Utiliser $ (fenêtre) .charger (fonction () {}); plutôt que $ (document) .Ready (fonction (fonction) {});

0 commentaires
0
votes

J'ai résolu ceci en réglant la largeur et la hauteur dans la balise . Mais depuis que j'utilise un script pour générer la liste des images, et ils ont parfois différentes tailles, j'ai utilisé un minuscule morceau de PHP pour résoudre ce problème: xxx

$ imgsize [ 3] est, par exemple, width = "585" hauteur = "285" .

puis pour afficher tous les JPGS dans le répertoire: xxx

sortie xxx

0 commentaires
0
votes

Bien que cela ne réponde peut-être pas directement à la question (le plug-in jquery.cycle est inconnu de moi), de nombreuses réponses ici abordent ici le problème des images de traitement après le chargement et c'est aussi ce que les gens viennent ici pour rechercher. Alors, voici ce qui se passe:

Le 24px est arrivé en raison de la logique défectueuse sur le côté du navigateur - retourner des dimensions prématurément pour un contrôle d'espace réservé. Ils ont une logique de contrôle différente pour la manipulation des images en cache, IE ne déclenche même pas surnet pour eux, et c'est pourquoi toute la confusion se présente.

plus fiable que (largeur === 0) Vérification à trouver partout sur Internet si une image est chargée, le .Commletet propriété DOM Rarement mentionné apparemment soutenu par tous les grands navigateurs: http://www.w3schools.com/jsref/prop_img_complete .asp

Ceci a fonctionné pour moi: xxx

Notez l'objet Mockup d'événement {DélégateTarget: this} . Préférable serait jQuery (this) .trigger ('charger') , mais je ne peux pas le recommander, car je n'ai pas essayé à l'époque ...

Le test .Commlete doit résoudre le cas de la logique de contrôle de l'espace réservé à 24 px défectueux, le .one ('"chargée"). Chaque () . couvre la fente de flux de contrôle sur la mise en cache / distante.

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier