begin process at 2012 05 29 08:12:05
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Diaporama de photos qui s'affiche en grand au passage de la souris


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Diaporama de photos qui s'affiche en grand au passage de la souris

mardi 28 juillet 2009 à 18:38:37 | Diaporama de photos qui s'affiche en grand au passage de la souris

Marcove

Je cherche un code permettant de faire l'agrandissement de vignettes au passage de la souris comme sur le site http://www.immobilierela.be/fr/index.html
Merci d'avance de toutes aides, je suis débutant.

mercredi 29 juillet 2009 à 07:48:57 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Bul3

Membre Club

Bonjour,

>>agrandissement de vignettes au passage de la souris
on peut faire en css pur
regarde du coté de :over
l'agrandissement :
__ c'est la même image dont on modifie
la taille ou une autre image ?
__ se met à la place de la vignette
ou est placée ailleurs ?

Cordialement [mon Site] [M'écrire] Bul

mercredi 29 juillet 2009 à 08:29:16 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Marcove

Je donne l'adresse d'un site comme exemple mais je que je cherche est en fait une série de vignettes autour de l'écran qui s'agrandissent au centre au passage de la souris.

mercredi 29 juillet 2009 à 08:36:16 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Bul3

Membre Club

bah quand vous répondrez à mes questions,
peut-être pourrons nous allez plus loin ?

mercredi 29 juillet 2009 à 23:08:17 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Marcove

J'avais cru répondre, la seule précision; c'est la vignette sur laquelle on passe qui doit être agrandie,
B.A.T
Marc

jeudi 30 juillet 2009 à 01:25:38 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

leris

salut à toi aussi,

[i]ce que je cherche est en fait une série de vignettes autour de l'écran qui s'agrandissent au centre au passage de la souris.[/i]

parce que bien entendu tous les ecrans ont la même taille ...

ou alors tu fais un script qui arrange tes vignettes en fonction de la resolution de l'ecran ?

L.

pas glop !

jeudi 30 juillet 2009 à 09:20:39 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Marcove

Bonjour,
Les vignettes (petites photos ont 180x134 et leurs agrandissements 540 x 402 soit 3x plus grand

jeudi 30 juillet 2009 à 09:54:35 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Bul3

Membre Club

on y arrive....

ch'tiot exemple, avec 4 images
vous adapterez, compléterez...


Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
img { border:0; }
pre,img,span { display:inline; }
a span { display: none;
position: absolute;
top: 40%;
left: 40%;
}
a:hover span { display: inline; }
</style>
</head>
<body>
<a href="#">
<img src="bisou.gif"
style="position:absolute;top:0;left:50%" />
<span><img src="bisou.gif" style="width:300%" /></span></a>
<a href="#">
<img src="boire.gif"
style="position:absolute;top:80%;left:50%" />
<span><img src="boire.gif" style="width:300%" /></span></a>
<a href="#">
<img src="Chauve Souris.gif"
style="position:absolute;top:40%;left:80%" />
<span><img src="Chauve Souris.gif" style="width:300%" /></span></a>
<a href="#">
<img src="chin.gif"
style="position:absolute;top:40%;left:0" />
<span><img src="chin.gif" style="width:300%" /></span></a>
</body>
</html>


jeudi 30 juillet 2009 à 10:29:24 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Marcove

Merci pour ce résultat, c'est dans l'idée seulement ici on part de la vignette que l'on agrandit. Ce qu'il faudrait c'est la même chose mais que la vignette soit la photo en miniature et l'agrandissement sa taille réelle.
Marc

jeudi 30 juillet 2009 à 10:59:35 | Re : Diaporama de photos qui s'affiche en grand au passage de la souris

Bul3

Membre Club


pfff......
ça fait 15 fois que je posais la question,
vous sembliez avoir répondu,
et après mon exemple,
vous nous dites autre chose ????
c'est pénible...

et avec l'exemple vous ne savez pas faire ????
vous ne faites aucun effort si ??

remplacer dans le span par l'image
qu'il faut afficher et sucrer le
style="width:300%"


1 2

Cette discussion est classée dans : affiche, passage, souris, photos, diaporama


Répondre à ce message

Sujets en rapport avec ce message

Comment on fait pour développer un texte au passage de la souris [ par nessobh ] J'aimerai savoir comment on peut faire (avec ou sans 'OnMouseOver') pour faire qu'un texte se développe au passage de la souris dessus. Texte qui change au passage de la souris [ par swiss_cheese10 ] Tcho tout le monde !Eske qqun pourrait me dire le code à insérer pour que lorsque qu'on passe la souris sur un textge, le texte change ???Merci d'aide Une petite question sur le changement de couleur des liens [ par xander9711 ] voila je suis un débutant enfin je me débrouille et j'aimerais savoir s'il est possible de faire des liens de couleurs differentes (ca je sait que ca popup passage souris [ par zetrueneo ] bonjour je voudrai faire une image avec des zones cliquables et lorqu on passe sur celles ci un popup s ouvre é se ferme si l'on quitte la zone cliqua lien sur photos en javascript [ par missFlo17 ] Bonjour bonjour,Voilà, j'ai un diaporama de photos en javascript et j'aimerai que chaque photo correspond à un lien vers une page (1 page différente p Peux ton faire jouer un son au passage de la souris [ par ZeDarkness ] Salut à tous,Voilà , je suis vraiment un newfie dans le javascript et le reste aussi d'ailleurs , hiihihi.Mais j'aimerais savoir si c'est possible de affichage photo au passage d'une souris [ par lilyvirus ] bonjour,j'aimerai afficher une photo au passage de la souris sur un lien (lien survolé donc)J'aimerai que cette photo soit juste à coté du lien comme !!! Défi !!! recherche diaporama [ par tamtamdesign ] Bonjour,je suis nouvelle venue sur ce site (très intéressant).Voilà, je recherche un script pour mes pages album photos.Mais comme j'ai une idée bien Surligner un lien au passage de la souris sur une image??? [ par Monico9385 ] Bonjour, je vous écris car j'ai une image et un lien qui sont cote a cote, et j'aimerai que quand l'on survole l'image, le lien se souligne. Je préci Afficher 2 images au passage de la souris sur une image [ par Monico9385 ] Bonjour, alors voila mon probleme. J'aimerai qu'au passage de la souris sur une imge, cela m'ouvre cette image en plus grand, et au meme moment que c


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,733 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales