Images réactives dans nouvelle fenetre ?

Résolu
maximus172 Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   -  
maximus172 Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je souhaite utiliser des images réactives sur des photos de groupes afin d'afficher le nom de chaque personnes.
Sur l'album photos que j'ai mis dans mon site, j'ai utilisé des miniatures, sur lequelles on click, pour afficher la photo en plus grand (dans une nouvelle fenetre).

C'est sur cette nouvelle photo que je voudrais voir apparaitre les noms des personnes... mais la je sèche...

<td height="110"><a href="...../Les photos/Anciennes photos/Groupe_1_hdef.jpg" target="_blank"><img src="...../Les photos/Anciennes photos/Groupe_1_bdef.jpg" alt="remise de récompenses" width="160" height="92" border="1" /></a></td>

Pouvez vous m'aider ?

Merci
A voir également:

5 réponses

maximus172 Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   2
 
C'est ce que je voulais faire... Merci encore

Avec des exemples, c'est encore plus facile....
2
warlix Messages postés 1201 Date d'inscription   Statut Contributeur Dernière intervention   288
 
salut


suffit je pense de rajouter un alt avec le nom de tout les musiciens
ce qui permet quand on laisse la souris dessus d avoir une petite fenêtre avec les noms , sinon il existe une autre méthode en script
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Bonjour,

Un “alt” ne suffira pas (sauf pour IE).
Il ne sert pas à ça. C'est plutôt “title” qui sera utilisé.
Dans les “area” d'une “map” sur l'image par exemple.

Tu peux aussi utiliser un “tooltip” (une bulle d'aide) qui allie CSS et Javascript.


J'ai appliqué les deux dans cet exemple.
Chez moi, la bulle en Javascript était décalée. J'ai modifié le script pour la rapprocher du pointeur de la souris.
Note que l'auteur utilise bien l'attribut “title”.

À tester.

--
0
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Ah oui, au fait, n'hésite pas, en plus de mettre en Résolu, à revenir nous indiquer si ça marche (ou pas).

--
0
maximus172 Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   2
 
Merci pour vos réponses... Au départ, j'ai,utilisé le système de MAP sur ma Photo...

mais maintenant, j'ai mis des photos "basse definition" pour faciliter la navigation et le chargement.
Le probleme est que je ne sais pas comment mettre le MAP sur la photo haute définition...

C'est tout a fait ce que je veux dans l'exemple de Gihef, mais il faudrait que j'appelle cette image à partir d'une autre...


Je n'ai peut etre pas besoin de le dire mais je débute...

Merci encore...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gihef Messages postés 5150 Date d'inscription   Statut Contributeur Dernière intervention   2 779
 
Je suppose que par basse définition [bd], tu entends de petite taille (vignette) et par haute définition [hd], de grande taille.
Si ce n'est pas ça, la map est toujours valable.

Pour la map sur la photo hd, il te faut en refaire une adapté à cette image.

Pour l'appel de la nouvelle page avec la photo hd, il te faut créer un lien sur la bd vers une page contenant le hd.
C'est ce que j'ai fait dans ce 2e exemple où un clic sur l'image bd appelle la page de mon exemple précédent.

Tu ne sais pas comment faire ?
Alors, quelques rudiments : https://openclassrooms.com/fr/courses


++
http://fr.selfhtml.org/html/liens/definir.htm
http://fr.selfhtml.org/html/graphiques/liens.htm

--
0