Le forum de l'audiovisuel Haute Définition

souris et image

lervous

souris et image

Message non lu par lervous » samedi 15 septembre 2007, 16:08

bonjour à tous...

Je recherche un javascript qui ferait que lorsqu'on passe la souris sur un thumbnail ,celle-ci s'ouvre sans qu'on ait à clicker dessus et lorsqu'on enlève la souris, la photo disparait.

Cela fait quelques jours que je cherche et ne trouve pas.

Peut-etre certains sites à me référer?

Merci :alaide:

Avatar du membre
YvanM
Tyranosaure Rex
Messages : 3537
Enregistré le : dimanche 30 octobre 2005, 13:18
Département ou région : 34110
Système Exploitation : Windows 7 64 bits
RAM installée : 0
Antivirus :
Type de connexion Internet : ADSL > 20 Mb
Version ProShow : Producer 5.0
Fournisseur Internet : Free
Localisation : Mireval - 34
Contact :

Re: souris et image

Message non lu par YvanM » samedi 15 septembre 2007, 18:23

Il est possible qu'il y ait ce que tu cherches en bas de cette page.
http://www.editeurjavascript.com/script ... ages_1.php
Bonne :pecheur:
Amicalement
Yvan
Mes diaporamas sur Vimeo
Mon site de voyages

PC: quad4 1E7- 920 - CM: Gygabyte EX58-UDR3 - ATI radeon HD 4670- écran LG 22" full HD- portable Packard Bell - dual centrino- nvidia 8600GT-RAM 3go-Vista-17" - Samsung 82 cms-Canon 500D-18/55-28/105-100/400 + 10-20(Sygma). CS6

lervous

Re: souris et image

Message non lu par lervous » samedi 15 septembre 2007, 22:21

bonsoir Yvan

malheureusement, j'ai beau regarder, je ne trouve pas.

Merci

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » samedi 15 septembre 2007, 22:57

Salut Lervous

Ce que tu souhaites faire peut être réalisé sans utilisation d'un sript JavaScript mais en XHTML+CSS
Voici le lien sur un tuto qui donne la procédure: http://openweb.eu.org/articles/zoom_image/

Gégé

lervous

Re: souris et image

Message non lu par lervous » samedi 15 septembre 2007, 23:14

merci GéGé

cela semble etre ce que je recherches.

Dois-je simplement insérer les 2 codes dans un contenu html?

merci

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » samedi 15 septembre 2007, 23:28

lervous a écrit :Dois-je simplement insérer les 2 codes dans un contenu html?
merci
As tu une connaissance de la pratique des style CSS ?

Tu as la partie de code HTML à insérer entre les balises <body> et </body>
Le code CSS est à placer au dessus entre les balises <style.....> et </style> ou dans la feuille de style liée si tu en a crée une.

Gégé

lervous

Re: souris et image

Message non lu par lervous » samedi 15 septembre 2007, 23:34

salut

malheureusement pas les connaissances.

Comment dois-je faire pour exécuter cette technique?

De plus, d'après toi, est-ce que je peux le faire avec plusieurs photos sur la meme page. Et s'ils sont en thumbnail, est que cela va fonctionner aussi?

merci

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » samedi 15 septembre 2007, 23:41

As tu une page une page qui fonctionne sur ton site et eventuellement celle concernée ?
Si oui, communiques moi l'adresse par MP que je puisse voir la structure, et j'essayerai de t'indiquer comment incorporer la procédure.

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » dimanche 16 septembre 2007, 0:17

Je t'ai renvoyé la page en MP

lervous

Re: souris et image

Message non lu par lervous » dimanche 16 septembre 2007, 16:57

salut Gégé

je vais m'y mettre aujourd'hui et te redonne des nouvelles bientôt

merci de ton aide

lervous

Re: souris et image

Message non lu par lervous » lundi 17 septembre 2007, 21:11

salut Gégé

va voir sur le site...je n'ai pas pris ta méthode pour le moment mais cela donne quand meme un bon résultat.

Merci de ton aide

lervous

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » mardi 18 septembre 2007, 0:57

Salut lervous

J'ai pu voir que tu as trouvé une fonction dans ton générateur pour réaliser l'opération de zoom de l'image au survol de la souris.
C'est aussi bien, comme cela tu resteras homogène avec la suite.

A titre indicatif, voila ce que l'on obtient avec la procédure que je t'ai communiquée.
Son principal avantage est de ne pas faire appel aux "Frames".
http://www.gege68.fr/Demo/Zoom

Amicalement
Gégé

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » mardi 18 septembre 2007, 2:03

Une autre version réalisée avec le script Javascript dont YvanM a donné le lien plus haut dans ce fil.
Cela donne le même résultat.
A noter que la version CSS ne nécéssite qu'une seule image à taille normale, alors que le script demande d'avoir l'image en taille réduite en plus.
Il faut penser à autoriser l'application des sripts Java dans le navigateur, sinon l'image ne sera pas agrandie.
http://www.gege68.fr/Demo/ZoomJava

Gégé

lervous

Re: souris et image

Message non lu par lervous » mardi 18 septembre 2007, 2:20

merci Gégé

cela est bien mais comment faire pour que l'image affichée soit plus petite?

Je travaille en ce moment pour monter un site web de colliers.donc l'image n'a pas besoin d'être grande

De quel java YvanM me parlait? je ne l'ai jamais trouvé.

merci

Avatar du membre
Gégé_68
Hyper bavard(e)
Messages : 246
Enregistré le : mardi 28 mars 2006, 14:22
Département ou région : 68 - Alsace
Système Exploitation : Windows 10
RAM installée : 16
Antivirus :
Type de connexion Internet : Câble
Version ProShow : Producer 4.0
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 » mardi 18 septembre 2007, 10:44

De quel java YvanM me parlait? je ne l'ai jamais trouvé.
Le lien donné par Yvan: http://www.editeurjavascript.com/script ... ages_1.php
amène sur ce script "Rollover / images réactives a la souris" : http://www.editeurjavascript.com/script ... s_1_52.php
cela est bien mais comment faire pour que l'image affichée soit plus petite?
En CSS, il suffit d'avoir une seule image dimensionnée au plus près mais pas en dessous de la taille d'affichage normale maxi car il vaut mieux reduire la taille à l'affichage que de l'augmenter.
Il suffit d'indiquer les tailles d'affichage que tu souhaites pour la vignette et l'image agrandie dans la zone de définition des Styles CSS de la page.

En JavaScript, Il faut 2 images (vignette et image grand format) redimensionnées dans les tailles d'affichage que tu souhaites.

Gégé

Répondre

Retourner vers « Création Web - Code HTML - Hébergements »