2010-10-05 27 views
3

alt text Sur cette page http://cacrochester.com/ les 2 images tournantes sont foirées dans les navigateurs webkit. Ce n'est pas tout le temps, et ce n'est généralement pas sur la première image. Pourquoi donc? J'utilise le plugin jquery NivoSlider pour faire pivoter les images.Les images sont corrompues dans webkit

Voici ce que je vois.

+3

Ca a l'air de la merde pour moi aussi dans Firefox – Marko

+0

On dirait que ça marche bien sur FF 3.6.3 pour moi. Quelle version êtes-vous? – Catfish

+0

Pouvez-vous être plus précis avec ce qui les concerne est "foiré?" Veuillez décrire le comportement que vous attendez de voir par rapport à ce que vous voyez réellement. – calvinf

Répondre

0

Je vois cet effet étrange que vous dites, le problème semble être dans la façon dont chaque colonne est montrée. Cependant, vous devriez essayer toute autre solution pour cette page que vous construisez, puisque l'effet que vous appliquez correspond plus à un chapiteau tournant et non à un curseur ... J'ai vu beaucoup de curseurs vraiment cool (look jquery slider sur Google ou voir http://vandelaydesign.com/blog/web-development/jquery-image-galleries/). A côté, vous devez envisager de refaire les imgs, le texte est vraiment moche (j'espère que vous ne serez pas en colère contre moi en disant cela, puisque j'essaie d'améliorer votre page). Comme je le disais, si vous utilisez un logiciel de retouche photo comme Photoshop, vous devriez régler l'anti-crénelage du texte sur net ou net mais pas sur "none" (donc vous ne le verrez plus "pixellisé"). Et de la photo du mec est un peu pixelisé aussi ...

Espérons que mes 2 cents peuvent vous aider!

0

Ajouter ce à l'élément <div id="slider">

style="float:right;position: relative;height:270px;width:610px;" 
+0

J'ai déjà ces styles sur #slider sauf la position relative. Position: le parent est ajouté dynamiquement à travers le plugin nivoSlider donc même quand je l'ajoute dans les outils de développement de chrome (fondamentalement comme firebug), il le traverse. – Catfish

+0

Je sais que vous avez fait mais j'imagine la façon dont le script est écrit ces valeurs ne sont pas tirées correctement via la feuille de style. L'ajouter directement au div semble corriger le problème. Donner un coup de feu. – methodin

0

nivo-slider.css, lignes 36, 37:

.nivo-slice { 
    display: none; 
    /* ... */ 
} 
0

Il semble tout à fait bien pour moi. Peut-être essayer un autre plugin de défilement Jquery.