Formation DaVinci Resolve tous les week-ends d'été au Studio JeeeP Prod.

souris et image

lervous

souris et image

Message non lu par lervous »

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 de l’utilisateur
YvanM
Tyranosaure Rex
Messages : 3537
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Free
Localisation : Mireval - 34
Contact :

Re: souris et image

Message non lu par YvanM »

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 »

bonsoir Yvan

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

Merci
Avatar de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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 »

merci GéGé

cela semble etre ce que je recherches.

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

merci
Avatar de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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 »

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 de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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 de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

Je t'ai renvoyé la page en MP
lervous

Re: souris et image

Message non lu par lervous »

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 »

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 de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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 de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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 »

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 de l’utilisateur
Gégé_68
Hyper bavard(e)
Messages : 246
Inscription : 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
Utilise DaVinci Resolve : non
Fournisseur Internet : Numericable
Localisation : Morschwiller-le-bas près de Mulhouse

Re: souris et image

Message non lu par Gégé_68 »

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

Revenir à « Création Web - Code HTML - Hébergements »