Aller au contenu

Avez-vous remarqué quelque chose?


xdrox
 Partager

Déchet(s) recommandé(s)

CTRL + F5

Ou cesse d'utiliser IE7.

En faite, c'est que ce n'est pas supposé de mettre un <div> dans un <a>, les nouveau browser le font pareil mais c'est vraiment pas supposé pis c'est là que toute chie dans IE7 et moins...

en ce moment ça ressemble à ça.


<a href="#">
<div id="fadeEffect-yo">
<img class="a" src="image-a.jpg" />
<img class="b" src="image-b.jpg" />
</div>
</a>

Anyway, Jpg comprend...

Lien vers le commentaire
Partager sur d’autres sites

Bah, il y a pleins de solutions à ça.

La plus simple pour pas trop trop se casser la tête, je dirais qu'il serait de mettre un <a> pour chacune des images.


<div>
<a><img /></a>
<a><img /></a>
</div>

mais ça risque de peut-être pas fonctionner si mettons on clique en plein millieu de la transition, j'sais pas, faudrait tester.

J'sais juste que IE 6 et 7 occupent près de 20% du marché des browsers alors c'est mieux de ne pas les ignorés.

Genre ce plug-in là http://jqueryfordesigners.com/image-cross-fade-transition/ utilise sensiblement cette approche


<div class="fade">
<a href="/info.html"><img src="start.jpg" /></a>
<div>
<a href="/info.html"><img src="end.jpg" /></a>
</div>
</div>

Lien vers le commentaire
Partager sur d’autres sites

Tu dis quoi de ça, à la place? :)

<div class="fadehover" style="height:80px"><a href="index.php?/forum/2-la-brasserie/"><img src="public/style_images/small_banner/brasserie1.png" alt="" class="a" /><img src="public/style_images/small_banner/brasserie2.png" alt="" class="b" /></a></div>

Darksoul, tu peux confirmer que ça fonctionne?

(Sur la Brasserie, pas ailleurs)

Lien vers le commentaire
Partager sur d’autres sites

En faite, c'est que ce n'est pas supposé de mettre un <div> dans un <a>, les nouveau browser le font pareil mais c'est vraiment pas supposé pis c'est là que toute chie dans IE7 et moins...

en ce moment ça ressemble à ça.


<a href="#">
<div id="fadeEffect-yo">
<img class="a" src="image-a.jpg" />
<img class="b" src="image-b.jpg" />
</div>
</a>

Anyway, Jpg comprend...

Le truc c'est que je l'ai testé à ma job sous IE7... et tout marchait correctement...

Lien vers le commentaire
Partager sur d’autres sites

Bien c'était exactement ma première suggestion, lol.

Tk, j'retourne chez nous, see ya.

</msn-style>

Pas tout à fait!

Tu suggérais de placer le tag <a> à chaque image. Il n'y en a qu'un seul dans mon code.

Mais j'avoue que l'idée vient de toi.

Lien vers le commentaire
Partager sur d’autres sites

Tu dis quoi de ça, à la place? :)

Darksoul, tu peux confirmer que ça fonctionne?

(Sur la Brasserie, pas ailleurs)

J'essais ca demain a job, mais j'ai testé rapidement avec IE 8 chez moi (j'utilise quand meme seulement Chrome chez moi) et ca avait l'air correct.

Lien vers le commentaire
Partager sur d’autres sites

J'y avais pensé, ouais... mais ça va être ben du gossage.

C'est du gossage mais c'est rien de compliqué... C'est de nombreuses pages à modifier! Le principe pour l'affichage est le même

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Je veux revenir!
 Partager

×
×
  • Créer...