Deux questions : zoomer + lien cliquable

[Cendrinox]

Bonjour, j'ai eu autrefois les formules et puis j'ai oublié (premiers signes alzheimériens je suppose ...). Donc, marre de buter tout le temps sur ces deux trucs basiques !

1) Zoomer : j'en suis soit à redimensionner mes images au risque qu'elles deviennent illisibles, soit à imposer des choses qui déforment l'esthétique d'un site. Voilà, j'aimerais qu'on puisse cliquer sur mes images et vlan, qu'elle deviennent plus grandes. Merci d'avance, j'ai tenté de gogoliser ma question et bien sûr je n'y comprends rien.

2) Liens : je sais plus mettre en lien un truc de façon brève. On clique sur "ici", par exemple, et hop on est sur ledit lien. J'en suis encore à mettre tout le lien de façon relou ...

Merci d'avance pour vos réponses !

[choops]

Ben les 2 sont un peu liés, en fait ... si tu fais ça à coup de html, du moins.

On commence par le plus simple, le 2, faire un lien :

Code: Tout sélectionner

<a href="http://ton_site.com/">truc écrit à cliquer</a>

Pour l'autre, le 1, c'est une balise d'image "encapsulée" dans une balise de liens (en gros ton image réduite à la place de "truc écrit à cliquer" dans l'exemple précédent qui fait un lien vers l'image à taille réelle).
Ici, je suppose que tu veux donner une largeur de 600 pixels à l'image à cliquer (d'où le width="600" ... il suffit de changer la valeur du width suivant ce que tu veux -- la hauteur s'adapte seule proportionnellement si on ne la renseigne pas) :

Code: Tout sélectionner

<a href="http://ton_site.com/ton_image.jpg"><img src="http://ton_site.com/ton_image.jpg" width="600" /></a>

[Timo]

et si jamais en plus tu souhaites faire ouvrir dans une autre page ou onglet
dans ton <a> tu rajoutes <a target="_blank">

[Cendrinox]

Merci !
Je viens de réutiliser la formule la plus simple : ça marche !
Je vais tester plus tard le zoom ...
En fait, je voudrais mettre sur Facebook une série de planches lisibles et je n'y arrive pas ...

[choops]

et si jamais en plus tu souhaites faire ouvrir dans une autre page ou onglet
dans ton <a> tu rajoutes <a target="_blank">

Ah non ! target="_blank", c'est mal ! ... enfin, c'est hors standards du web surtout, parce que ça impose une navigation particulière, donc pas conseillé du tout.

[Timo]

ben c'est le plus simple pour ouvrir dans un nouvel onglet, ça évite le clic molette, donc bon c'est quand même pratique je trouve malgré que ça soit déconseillé

[Cendrinox]

Concernant Facebook, j'ai trouvé la réponse : on ne peut pas faire un agrandissement de ses photos. Donc, il faut publier des trucs lisibles.

[Sixelak]

et si jamais en plus tu souhaites faire ouvrir dans une autre page ou onglet
dans ton <a> tu rajoutes <a target="_blank">

Ah non ! target="_blank", c'est mal ! ... enfin, c'est hors standards du web surtout, parce que ça impose une navigation particulière, donc pas conseillé du tout.

En réalité juste qu'il faut à ce moment la utiliser la norme XHTML1.0 transitional qui contient les target="_blank" et hot tes au standard.

Sinon pour zoomer il y a des solutions javascript pour ceux qui veulent se lancer dans web 2. Un zoom totalement fluide ça se serais le style au lieu de faire un truc trop chiant qui ouvre un nouvelle onglet ou une nouvelle fenêtre chez le navigateur de satan...

[Jo le Cake Sauvage]

en meme temps, vu qu'on parle de Facebook là ...
autant demander à Tom de Myspace si il a des amis

[Dr_Folaweb]

Code: Tout sélectionner

<a href="http://ton_site.com/ton_image.jpg"><img src="http://ton_site.com/ton_image.jpg" width="600" /></a>

Haaaa ! Non ! C'est n'importe quoi ça ! Tu imagines l'enfer si tu devais télécharger la totalité d'une vidéo pour avoir l'image d'aperçu affichée avant que la vidéo soit lancée ? Hé bien c'est pareil pour les images. L'image ci-dessus, qui est chargée comme "miniature", est en réalité l'image full-size! Ce code oblige les internautes à charger des milliers d'octets inutiles (par image ainsi "réduite"). Bonjour la consommation de bande passante si ton site est un peu visité. Sans compter le temps d'affichage qui fera fuir les plus pressés.

Pour éviter cette hérésie, il faut deux images: l'image full-size et l'image d'aperçu.

Code: Tout sélectionner

<a href="url/monimagefullsize.jpg"><img src="url/monimageenreduction.jpg"></a>

[Timo]

+1
(mais faut prendre le temps de faire la miniature)