Bonjour à tous.
J'ai un petit problème que je voudrais vous exposer.
J'aurai besoin de créer des boutons en forme de bulle avec un titre sur une illustration . Une fois que le visiteur clique sur ces bulles, une plus grosse bulle apparait au centre de la page (la même page, tout se passe sur la même page html) avec du contenu textuel. Et quand on clique en dehors, cette grosse bulle disparait.
Je ne sais pas du tout comment m'y prendre pour effectuer cette réalisation. Voici un aperçu en image de ce que je voudrais faire :
1. Quand on arrive sur la page, un bouton avec une information textuel est présente. Quand on clique sur démarrer, elle disparait.
http://gbe.lescigales.org/image/1.jpg
2. Le carré blanc représente l'illustration et les bulles bleus, les boutons avec le titre (ici le titre est 1).
http://gbe.lescigales.org/image/2.jpg
3. Quand le visiteur clique sur une petite bulle bleue, un grosse bulle avec le contenu texte apparait. Et quand on clique en dehors de la bulle, elle disparait.
http://gbe.lescigales.org/image/3.jpg
Voilà ce que je voudrais faire sur la même page. Je vous remercie d'avance pour vos lumières.
Au début je voulais faire ça en flash, ça aurait été très rapide, mais le site doit être responsive donc consultable sur smartphone, si je fais du flash, le contenu de la page ne pourra pas être visualisé sur smartphone.
J'ai un petit problème que je voudrais vous exposer.
J'aurai besoin de créer des boutons en forme de bulle avec un titre sur une illustration . Une fois que le visiteur clique sur ces bulles, une plus grosse bulle apparait au centre de la page (la même page, tout se passe sur la même page html) avec du contenu textuel. Et quand on clique en dehors, cette grosse bulle disparait.
Je ne sais pas du tout comment m'y prendre pour effectuer cette réalisation. Voici un aperçu en image de ce que je voudrais faire :
1. Quand on arrive sur la page, un bouton avec une information textuel est présente. Quand on clique sur démarrer, elle disparait.
http://gbe.lescigales.org/image/1.jpg
2. Le carré blanc représente l'illustration et les bulles bleus, les boutons avec le titre (ici le titre est 1).
http://gbe.lescigales.org/image/2.jpg
3. Quand le visiteur clique sur une petite bulle bleue, un grosse bulle avec le contenu texte apparait. Et quand on clique en dehors de la bulle, elle disparait.
http://gbe.lescigales.org/image/3.jpg
Voilà ce que je voudrais faire sur la même page. Je vous remercie d'avance pour vos lumières.
Au début je voulais faire ça en flash, ça aurait été très rapide, mais le site doit être responsive donc consultable sur smartphone, si je fais du flash, le contenu de la page ne pourra pas être visualisé sur smartphone.