Accueil > Forum > > > > 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select
2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select
mercredi 29 octobre 2008 à 21:30:00 |
2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

elementdefeu
|
je n'ai encore jamais fait de script javascript ou autre, mais on m'a dit qu'il fallait que je réalise cette manipulation ainsi.
Il s'agit en fait de faire une sorte de rollover, qui au lieu de faire permuter l'image sur laquelle se trouve la souris, permute une autre image.
En fait, il s'agit d'une sorte de galerie de t-shirts. En bas, on a des petits aperçu de tshirts et lorsqu'on survole un de ces petits aperçus, cela ne change pas l'image qu'on survole, mais une plus grande (en fait la même image en plus grand), au dessus, image qui n'est alors pas survolée. Il n'y a qu'un seul grand visuel mais les petits visuels sont tous là.
[ Lien ]

si cela n'est pas clair faite moi signe
autre question ici il s'agit du liste déroulante select qui fait recharge la page vers un festival selectionnée
Je m'explique: j'ai une liste select tout ce qu'il y a de plus normal avec des noms de festival. Lorsqu'on clique sur un des nom de la liste, la page se recharge et on arrive sur la page du festival sélectionnée.
merci d'avance
|
|
mercredi 29 octobre 2008 à 22:11:41 |
Re : 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

kazma
|
voici un script pour l'image
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT>
function changeimage(chemindemonimage){
document.getElementById('monimg').src='chemindemonimage' }
</SCRIPT> </HEAD> <BODY>
<img id='monimg' srs="chemindemonimage0">
<table> <tr> <td><img src= "chemin de ma miniture 1" onmouseover= "changeimage('le chemindemonimage1')"> <td><img src= "chemin de ma miniture 2" onmouseover= "changeimage('le chemindemonimage2')"> <td><img src= "chemin de ma miniture 3" onmouseover= "changeimage('le chemindemonimage3')"> <td><img src= "chemin de ma miniture 4" onmouseover= "changeimage('le chemindemonimage4')"> <td><img src= "chemin de ma miniture 5" onmouseover= "changeimage('le chemindemonimage5')"> </td></tr> </table> </BODY></HTML>
pour le selecte
<select onChange="self.location =value"> <option value="">Choisissez ! </option> <option value="page1.html">site 1</option> <option value="page2.html">site2</option> </select>
|
|
jeudi 30 octobre 2008 à 10:31:14 |
Re : 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

elementdefeu
|
merci infiniment d'avoir pris du temps pour composer ce code....
|
|
jeudi 30 octobre 2008 à 11:50:20 |
Re : 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

elementdefeu
|
pour le select sa fonctionnne, mais pour les images sa ne marche pas... voilà qui marche cette fois avec l'image que j aimerais changer...sa sera plus simple d avoir le visuel pour comprendre... http://works.emaf.ch/~oraneschick/image%207.pngj'ai donc ici sur sorte de swap image que lorsque je passe sur un visuel miniature, cela me change le grand en haut...les autres je crois doivent être caché en dessous mais je ne suis pas sûr... merci d'avance pour la personne qui prendra du temps pour moi
|
|
jeudi 30 octobre 2008 à 18:34:39 |
Re : 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

kazma
|
un exemple avec le nom de ton image
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT>
function changeimage(chemindemonimage){
document.getElementById('monimg').src='chemindemonimage' }
</SCRIPT> </HEAD> <BODY>
<img id='monimg' srs="imagequelconquededepart.png">
<table> <tr><td><img src= "image7miniature.png" onmouseover= "changeimage('image7.png')"> </td></tr> </table> </BODY></HTML>
evite de mettre un espace pour le nom de tes images
|
|
jeudi 30 octobre 2008 à 18:41:33 |
Re : 2 questions comment faire un rollover sur une image différente de celle qu'on survol et deuxième comment prendre les informations d'un select

elementdefeu
|
merci c'est bon j'ai trouvé une solution qui marche grâce à un autre code mais merci pour le select...
|
|
Cette discussion est classée dans : image, liste, select, rollover, agit
Répondre à ce message
Sujets en rapport avec ce message
positionné une image scroll aur netscape4.x [ par rochonpascal ]
Bonjour, depuis une semaine j'essaie de rendre mon site compatible avec netscape 4.x, le problèeme que je rencontre c'est que lorsque j'ai des images
deselectioner select [ par tatofr ]
salutj'ai une champ liste avec une des options selectionnéj'ai voudrai lorsque je clique sur un champ texte, deselectionner la option[] sur le champ l
Ordre des options dans un select [ par willinfeo ]
Bonjour à tous,Je cherche un script permettant de modifier l'ordre des options dans un select.Plus clairement, j'ai une liste d'objet qui ont un certa
Affiche un calque avec une liste(select) [ par missFlo17 ]
Bonjour, j'aimerai faire apparaître un calque en cliquant sur un élément d'une liste (avec ) et le faire disparaître lorsque je clic sur un autre élém
Script pour deplacer un select d une liste vers une autre [ par supobi ]
Bonjour tlm :)Voila j essai d utiliser ce script : http://www.javascriptfr.com/code.aspx?ID=21998Mais je n arrive pas a recuperer la liste 2 sous form
aide for rollover... pas en image ni en texte! [ par ayane ]
Hello!J'm'adresse à vous parce que j'ai un petit problème... (sinon pourquoi posser un question me diriez-vous?) voilà, j'aurais bessoin d'un rollover
rollover image + son [ par deFch ]
existe-il un script pour jouer un son lors d'un rollover sur une image? je cherche une alternative à un menu en flashdeF-CH
Rollover "image->document" [ par ethernetmaster ]
Tout est dit dans le titre, je n'arive pas a faire un rollover , pour qu'on passe d'une image au contenu d'une page web.Par exemple: quand on passera
double rollover.... [ par clement ]
Double Rolloverbonjour a tous.voila mon probleme : a l'origine, 2 images( 1 et 2) sur une page.j'aimerai que qd je passe sur l'image 1 il y ait un rol
Focus sur un élément dans une liste Select multiple [ par Barbichou ]
Bonjour.J'ai une liste à choix multiple dans une page HTML, avec certains des éléments déjà sélectionnés, et triés dans un certain ordre. Le pb est de
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|