rendre une image cliquable

co7645

WRInaute impliqué
Bonjour

Grçace a vos conseils, mes images sont compréssées...c'est beaucoup mieux!

:lol: Merci :lol:


Maintenant, j' aimerai les rendre cliquables, j' ai essayé avec le logiciel avec lequel je "travaille" (namo webeditor).....mais...pas réussi.


Merci par avance de votre aide.
 

polweb

WRInaute accro
Tu ouvre ton document avec le bloc note et tu tape un code de ce style

<a href=http://www.tonlien.com><img src="chemin/image.jpeg" border="0" alt="un petit commentaire pour les non voyant et les robots" />
 

co7645

WRInaute impliqué
C est a dire qu' il me faut envoyer la même image sur le serveur mais en modifiant les proportions (et donc en lui donnant un autre nom)?
 

Bouledogue

WRInaute passionné
co7645 a dit:
C est a dire qu' il me faut envoyer la même image sur le serveur mais en modifiant les proportions (et donc en lui donnant un autre nom)?

non

en fait je te propose ce code (exemple) : <a href="stock/RC19N.jpg" target="_blank"><img src="stock/RC19N.jpg" alt="RC19N.jpg" width="100" height="100" /></a>

tu place sur ton serveur une image en 400/400 par exemple puis tu decide de l'afficher en 100/100 pour les visiteurs et quand ils cliquent sur l'image il l'on en grand ..

ex : -http://www.destockage-grossiste.com/radio-reveil.php
 

polweb

WRInaute accro
itraque a dit:
en fait je te propose ce code (exemple) : <a href="stock/RC19N.jpg" target="_blank"><img src="stock/RC19N.jpg" alt="RC19N.jpg" width="100" height="100" /></a>


Bon exemple, mais la balise alt n'est pas sympa pour les non voyants. Pour les robots, non plus d'ailleurs.
 

Bouledogue

WRInaute passionné
carrel a dit:
itraque a dit:
en fait je te propose ce code (exemple) : <a href="stock/RC19N.jpg" target="_blank"><img src="stock/RC19N.jpg" alt="RC19N.jpg" width="100" height="100" /></a>


Bon exemple, mais la balise alt n'est pas sympa pour les non voyants. Pour les robots, non plus d'ailleurs.

certes mais le but n'est pas la pour ce site, c'est un catalogue .. ;)
 

Leonick

WRInaute accro
itraque a dit:
tu place sur ton serveur une image en 400/400 par exemple puis tu decide de l'afficher en 100/100 pour les visiteurs et quand ils cliquent sur l'image il l'on en grand ..

ex : -http://www.destockage-grossiste.com/radio-reveil.php
justement non, on lui indiquait de faire le contraire pour éviter d'avoir une page trop lourde.
Pour info, ton exemple la page fait 638 kb Ko avec les 50 images !
 

Bouledogue

WRInaute passionné
Leonick a dit:
itraque a dit:
carrel a dit:
Bon exemple, mais la balise alt n'est pas sympa pour les non voyants. Pour les robots, non plus d'ailleurs.
certes mais le but n'est pas la pour ce site, c'est un catalogue .. ;)
Et bien évidemment, le site n'a besoin ni de clients à handicap ni des robots 8O

Je vais répondre aux deux posts

donc je lui propose ceci uniquement pour qu'il ce simplifie la tache s'il en est besoins

deux sur mon site est uniquement un catalogue que je donne à mes clients quand ils ont besoins de connaitre tout mes articles et les degrssifs produits et charger les photos dont ils ont besoins pour eux ... ;)

et en effet je n'ai pas besoins des bots sur ce site.

enfin pour ce qui est des Handicap c'est domage que mon associé ( paralisé des jambes) ne puisse pas répondre à ma place,.....

et enfin les aveugles, malvoyants, etc... n'ont que faire d'images de bonnes qualités surtout sur ce site là !!

En revanche en effet pour mes autre sites, je fais trés attention à leur rendre la vie plus facile ..... ;)
 

polweb

WRInaute accro
Personnelement, j'ai pris la décision de rajouter title (alt c'était fait depuis longtemps) à toutes mes images de mes futurs dévellopement web.


Et je trouve que cela serait bien s'y on le faisait tous.

L'accessibilité est maintenant obligatoire pour les sites de l'état.
 

Leonick

WRInaute accro
itraque a dit:
et enfin les aveugles, malvoyants, etc... n'ont que faire d'images de bonnes qualités surtout sur ce site là !!
Non, là je parlais de remplir correctement les "alt", car avec un navigateur vocal c'est ce qu'il lira pour l'ancre du lien :wink:
 

Bouledogue

WRInaute passionné
Leonick a dit:
itraque a dit:
et enfin les aveugles, malvoyants, etc... n'ont que faire d'images de bonnes qualités surtout sur ce site là !!
Non, là je parlais de remplir correctement les "alt", car avec un navigateur vocal c'est ce qu'il lira pour l'ancre du lien :wink:

le probléme c'est que pour ce cas là c'est bien l'anchor... en fait les visiteurs de ce site y vont aprés avoir eu un listing des produits donc ils cherchent une référence, pas un appareil à pizza .. ;)
 

HawkEye

WRInaute accro
co7645 a dit:
Je voudrais que le visiteur puisse agrandir l' image en cliquant dessus.


image.jpg = image en pleine taille (disons 800x600)
image_T.jpg = image réduite (disons 120x90)

Code:
<a href="image.jpg" target="_blank"><img src="image_T.jpg" alt="description de l'image" /></a>

@+
 

co7645

WRInaute impliqué
J' agrandi quelques images en 500x400...et d' est vraiment tres "sale", flou, moche.....donc, soit je les change toutes soit je ne persevère pas dans cette voie.

Merci à ceux (et celles peut-etre) qui m' ont aidé.
 

Discussions similaires

Haut