Une image qui s'adapte en temps réel à la taille de la fenêtre ?

Une image qui s'adapte en temps réel à la taille de la fenêtre ? - Web design - Graphisme

Marsh Posté le 19-05-2009 à 11:57:19    

Bonjour,
Sur le site Dpreview, on voit des images qui s'adaptent automatiquement à la fenêtre, et ceci "en direct" : si vous redimensionnez la fenêtre, l'image s'adapte en même temps, sans déformation, même en pleine page sur mon écran 1680x1050. exemple ici :
http://a.img-dpreview.com/news/0809/Olympus/mft6.jpg
J'ai beau regarder le code source de la page d'origine :
http://www.dpreview.com/news/0809/ [...] thirds.asp
je ne vois rien de spécial, si ça n'est "target="oly".
 
Savez vous comment on fait cela ? Ce serait idéal pour une galerie photo...
 
Merci de vos lumières.
Jean-Noel

Reply

Marsh Posté le 19-05-2009 à 11:57:19   

Reply

Marsh Posté le 19-05-2009 à 12:23:19    

dans l'intégration, il y a un script JavaScript qui adapte la taille à chaque fois qu'on retaille la fenetre... ça revèle plus à de la programation...
Si t'as des notions en JS et que t'as bon niveau en XHTML (au moins pour comprendre les DOM) c'est assez simple à appréhender...
sinon, le fait d'avoir le .jpg dans la barre d'adresse n'est qu'une illusion je pense, on obtient ça via url-rewritting

 
EDIT : art_dupond a raison... le navigateur fait ça tout seul...


Message édité par abais le 19-05-2009 à 14:50:27

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 19-05-2009 à 14:38:52    

c'est pas juste le navigateur qui fait ça ?
 


---------------
oui oui
Reply

Marsh Posté le 19-05-2009 à 14:48:39    

Tu as raison Art_dupond... je viens d'essayer avec une de mes image, et en effet, c'est le navigateur lol !!!


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 20-05-2009 à 15:15:48    

Argh ! Bon sang, mais c'est bien sur !!
Je ne sais pas depuis combien de temps les navigateurs font ça... Safari, Firefox, et Opéra le font en tout cas, merci !

Reply

Marsh Posté le 23-05-2009 à 06:30:37    

Avec des images "redimentionnée" évidement.


---------------
Studio CréeAll
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed