Images au même format dans un défilement sur la PA

[Cécilia De Fändir]

Bonjour !

Sur ma PA, les icônes de nos forum Partenaires défilent de bas en haut. le soucis c'est qu'ils ne sont pas au même format ! Cela ne fait pas très "propre"....

j'ai vu sur d'autre forum que dans leur défilement, les images étaient toutes de même dimension et avaient en plus un "effet" (opacité diminuée, cadre ou lueur autour d'elles ect.), et je souhaiterai faire pareil.... si c'est possible évidement. Car je ne sais pas s'ils l'ont fait par code ou s'ils ont bidouillé les images avec un logiciel...

Voici la partie du code :

Code:

<MARQUEE behavior="scroll" align="center" direction="UP" height="200" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'> <center>

Images avec ce code HTML :
<a href="adresse du forum" class="postlink" target="_blank" rel="nofollow"><img src="adresse de l'image" border="0" alt="" /></a>

</center></MARQUEE> </div>

Merci d'avance !

Edit : Après ce qui serait cool, c'est qu'elles soient au même format, avec un cadre et opaques et que quand la souris passe dessus, elles deviennent "normales"...

[FANCH 56]

Bonsoir

Il te faut utiliser un traitement d'images. PhotoFiltre, Gimp, Photoshop.....................

[Cécilia De Fändir]

Oui ça je sais et j'en suis capable ! Mais c'est très long et pas forcément joli !

Donc si c'est possible par codage HTML j'aimerais essayer.

Merci quand même pour ta réponse.

[FANCH 56]

Il suffit (même avec photofiltre gratuit) de garder les proportions, mais surtout de définir une hauteur identique pour chaque. Va sur mon portail voir : Concours photo , les images défilent et sont toutes de la même hauteur.

[Cécilia De Fändir]

Mais je veux rajouter des effets dessus quand la souris passe dessus en fait. Qu'elles soient de même dimension puis quand on passe dessus, elle reprennent leur dimension initiale... un truc du genre.

Je ne sais pas si je m'explique bien...

[FANCH 56]

Tu peux essayer ce code pour chaque photo

Code:

<img src="Première IMAGE" border="0"onMouseOver="this.src='deuxième  IMAGE'" onMouseOut="this.src='Première IMAGE'">

[Cécilia De Fändir]

Oh merci ! C'est à peu près ce que je veux faire oui sauf que ça ne marche pas.

J'ai mis ce code :

Code:


<img src="http://img10.hostingpics.net/pics/816260bouton_partn.png" onMouseOver="this.src="http://img709.imageshack.us/img709/2128/copiedecopiedesanstitret.png" onMouseOut="this.src="http://img10.hostingpics.net/pics/816260bouton_partn.png" >

Pour le redimensionnent automatique j'ai trouvé ça :

Code:

<a href="http://aekeva.forumactif.com/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://img10.hostingpics.net/pics/816260bouton_partn.png" ALT="AEKEVA" WIDTH="80" HEIGHT="30" BORDURE ="1px SOLID #FFFFFF" ></a>

Le redimensionnement marche, par contre la bordure et la fonction ALT (pour mette un texte qui apparait quand la souris passe dessus, mais je ne ferait pas ça en plus d'une image qui s'affiche, je choisirai l'un des effets) ne marchent pas...

[FANCH 56]

Essaies celui-ci

Code:

<img src="PETITE IMAGE" border="0"onMouseOver="this.src='GRANDE IMAGE'" onMouseOut="this.src='PETITE IMAGE'">

[Cécilia De Fändir]

Code:

<img src="http://img10.hostingpics.net/pics/816260bouton_partn.png" border="0"onMouseOver="this.src='http://img709.imageshack.us/img709/2128/copiedecopiedesanstitret.png'" onMouseOut="this.src='http://img10.hostingpics.net/pics/816260bouton_partn.png'">

Ça ne marche toujours pas ....

[FANCH 56]

Je crois que la fonction est bloquée sur les FA.......................A suivre

[Cécilia De Fändir]

Merci beaucoup quand même pour le temps que tu m'as accordé ! ^.^

[Cécilia De Fändir]

Je suis désolée pour le double post mais je viens signaler que j'ai résolu mon problème en fouillant à droite à gauche et en me creusant un peu la tête.

Mon code donne ça :

Code:

<a href="LIEN FORUM PARTENAIRE" class="postlink" target="_blank" rel="nofollow"><img src="ADRESSE DE L'IMAGE" WIDTH="80" HEIGHT="30" style=" border:1px SOLID #FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; "title="NOM DU FORUM PARTENAIRE" /></a>

Et il marche très bien ! Même dans le défilement de style MARQUEE.

Merci encore !! Et désolée si j'ai fait perdre du temps à certains.
A bientôt.