Images réactives dans nouvelle fenetre ?

Résolu/Fermé
maximus172 Messages postés 29 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 2 février 2010 - 1 déc. 2007 à 23:09
maximus172 Messages postés 29 Date d'inscription mardi 27 novembre 2007 Statut Membre Dernière intervention 2 février 2010 - 2 déc. 2007 à 21:53
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 mardi 27 novembre 2007 Statut Membre Dernière intervention 2 février 2010 2
2 déc. 2007 à 21:53
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 mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
2 déc. 2007 à 03:24
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 déc. 2007 à 06:48
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 déc. 2007 à 08:20
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 mardi 27 novembre 2007 Statut Membre Dernière intervention 2 février 2010 2
2 déc. 2007 à 11:22
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 mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 déc. 2007 à 20:53
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