Code Source pour images » Programmation » FH

Vous devez vous connecter pour répondre au topic.

Code Source pour images

kbou
mon état d'esprit !!!

Messages : 733
Inscrit le 06/01/04
Ville : Tu vois Stockholme,tu vois Alger,c't'à 3Km d'Alger
Non connecté

Posté le 15 février 2005 - 22 h 35 m 05 s

Slt @ tous,

Voilà, je voudrais connaitre le code HTML pour: depuis des petites photos sur une page web quand on passe la souris dessus elles s'agrandit à leurs tailles réelle :love:

Qui peut m'aider SVP?

D'avance merci :jap:

Message édité 1 fois, la dernière par kbou le 15 février 2005 - 22 h 35.

Mon Stockholme >->-> http://glela.free.fr

****************************************
le site de la sécurité incendie (ERP+IGH) >>>>>>> http://www.ssiap.com/
****************************************
Site pour enfants >>> http://meidarmah.free.fr/
**

FiFouille

Messages : 259
Inscrit le 29/10/04
Non connecté

Posté le 16 février 2005 - 00 h 36 m 25 s

<head>
<style type="text/css">
img:hover {
width : 640px;
height : 480px;
}

</style>
</head>
<body>

<img src="photo" height="60" width="80">
</body>
</html>

comme ça par exemple (mais c'est pas beau sur une page web)

kbou
mon état d'esprit !!!

Messages : 733
Inscrit le 06/01/04
Ville : Tu vois Stockholme,tu vois Alger,c't'à 3Km d'Alger
Non connecté

Posté le 16 février 2005 - 00 h 53 m 18 s

Grand merci FiFouille :jap:

(mais c'est pas beau sur une page web)

T'as plus beau? je suis preneur :yes:

parceque ce que j'ai fait est vraiment pas beau j'trouve http://blediglela.free.fr/Galerie.htm

Proposes tjrs

FiFouille

Messages : 259
Inscrit le 29/10/04
Non connecté

Posté le 16 février 2005 - 01 h 40 m 27 s

du php par exemple (ou du javascript, bien que ça soit pas beau)
tu génères la page des miniatures dynamiquement, et quand tu ouvres une photo (avec son nom passé en argument il l'ouvre sur une autre page avec la bonne dimesion, un autre clic sur l'image te ramenant en arrière)
mais bon, à ce moment là, autant prendre une gallerie image php déjà faite, c'est ptet moins drole, mais ça fera la meme chose sans y passer plein de temps

au passage, je lance un appel au monde libre (ouep, comme les grands généraux, suis pas mégalo moi ...) :
"Arrêtez Frontpage (tm) c'est mal (tm)"

kbou
mon état d'esprit !!!

Messages : 733
Inscrit le 06/01/04
Ville : Tu vois Stockholme,tu vois Alger,c't'à 3Km d'Alger
Non connecté

Posté le 16 février 2005 - 11 h 33 m 12 s

Dites-moi, ça vient de chez moi ou c'est vraiment le code :???:

<head>
<style type="text/css">
img:hover {
width : 640px;
height : 480px;
}

</style>
</head>
<body>

<img src="photo" height="60" width="80">
</body>
</html>

ça marche avec firefox mais pas avec IE :hot:

j'ai raté un truc?

:jap:

Erel69
206
(¯`·.__[T3aM.L1b3rTe©]__.·´¯)

Messages : 19 449
Inscrit le 07/11/01
Ville : Lyon
Non connecté

Posté le 16 février 2005 - 12 h 15 m 38 s

De toute façon c'est nul ce truc, car toutes les images ne font pas 640x480

Obscurité au-delà du crépuscule, pourpre au-delà du sang qui coule, enfoui dans le flot du temps, en ton haut nom, je jure fidélité à l'obscurité. Que les fous qui se dressent devant nous soient détruits, par le pouvoir que toi et moi possédons...

kbou
mon état d'esprit !!!

Messages : 733
Inscrit le 06/01/04
Ville : Tu vois Stockholme,tu vois Alger,c't'à 3Km d'Alger
Non connecté

Posté le 16 février 2005 - 12 h 49 m 46 s

Le 16 février 2005 - 12 h 15, Erel69 a écrit :
De toute façon c'est nul ce truc, car toutes les images ne font pas 640x480

Moi je l'ai personnalisé, la preuve, ouvres ma pages la avec FireFox http://blediglela.free.fr/Galerie.htm

Tu vois

Le problème c'est avec IE, je ne comprend pas pourquoi lui ne réagit pas comme FireFox

C'est pas ça le point de ton dégout? :bla:

iraysyvalo
-

Messages : 9 647
Inscrit le 19/11/02
Ville : Lyon
Non connecté

Posté le 16 février 2005 - 14 h 03 m 58 s

kbou> ca marchait pas ce matin ton truc

T'avais pas encore mis en place le css correspondant hein

Sinon, pour le pb avec IE, malheureusement, tu touches la un des points qui montre combien IE est a la traine (le terme exact est Arrested Development)

PS: c'est vachement marrant cete page quand meme !! :jap:

PS2: A part FrPage, il faudrait te passer d'une table aussi pour metre en place tes miniatures la !

Message édité 2 fois, la dernière par iraysyvalo le 16 février 2005 - 14 h 07.

Pour un ban rapide et garanti sur ce forum, argumentez vos posts, dites simplement la verite, parlez de la realite et les leche-culs d'un cote et les maniaques du ban de l'autre se feront un plaisir de vous envoyer au purgatoire aussi sec.

FiFouille

Messages : 259
Inscrit le 29/10/04
Non connecté

Posté le 16 février 2005 - 16 h 48 m 37 s

petit détail, pour les raleurs qui veulent des dimensions différentes

<head>
<style type="text/css">

img.grand:hover {
width : 800px;
height : 600px;
}

img.moyen:hover {
width : 640px;
height : 480px;
}

img.petit:hover {
width : 320px;
height : 240px;
}

</style>
</head>
<body>

<img class="grand" src="photo" height="60" width="80" />
<img class="petit" src="photo2" height="60" width="80" />
</body>
</html>

d'ailleurs kbou, si tu veux rester avec cette méthode (un peu gruik je l'avoue) faudra mettre des class sur tes photos, sinon toutes les balises images vont réagir comme ça
et le logo qui quintuple de volume c quand meme assez dérangeant

kbou
mon état d'esprit !!!

Messages : 733
Inscrit le 06/01/04
Ville : Tu vois Stockholme,tu vois Alger,c't'à 3Km d'Alger
Non connecté

Posté le 16 février 2005 - 18 h 40 m 19 s

Le 16 février 2005 - 16 h 48, FiFouille a écrit :
........
d'ailleurs kbou, si tu veux rester avec cette méthode (un peu gruik je l'avoue) faudra mettre des class sur tes photos, sinon toutes les balises images vont réagir comme ça
et le logo qui quintuple de volume c quand meme assez dérangeant

ça veut dire quoi? :???:

Excusez-moi mais j'ai pas trop pigé ces deux derniers posts :hot:

Messages : 19 449
Inscrit le 07/11/01
Ville : Lyon
Non connecté

Posté le 16 février 2005 - 18 h 46 m 27 s

Le 16 février 2005 - 16 h 48, FiFouille a écrit :
petit détail, pour les raleurs qui veulent des dimensions différentes

Et ça change quoi ?

Le seul moyen, c'est de faire quelque chose de dynamique. On ne sais pas quelles dimnsions auront les images, donc en faisant un script qui détectera les dimensions, c'est mieux.

FiFouille

Messages : 259
Inscrit le 29/10/04
Non connecté

Posté le 16 février 2005 - 18 h 47 m 02 s

passe la souris sur les écritures en arabe au dessus ou bien sur l'animation gif qui passe dans le bandeau déroulant, tu vas comprendre le problème et la nécessité de distinguer un
<img> classique et un <img class="uneclasse">

(si t'as accès au php ou un générateur de galerie, utilise le parce que c'est quand meme pas très très beau en fait lol)