Creation d'une page web animée pour présenter mes photos
Publié : 31 mai 2008, 16:19
Salut à tous.
Voilà ce que j'aimerais faire. J'ai quelques notions en gestion de blog et de HTML. J'ai lu un peu les tutoriels de siteduzéro concernant le XHTML et le CSS. Voila mon objectif:
Je veux créer une page supplémentaire sur mon blog pour présenter prague (que je viens de visiter)
Je suis allé sur googlemaps pour refaire une carte complete de prague vue depuis les satellites. Ce que j'aimerais faire c'est ajouter des petites icones des différents monuments au bon endroit sur la photo et que l'on puisse cliquer dessus. Lorsque le curseur passerais sur les icones, celles ci grossiraient et afficheraient le nom du monument voire un petit texte explicatif succinct. Ensuite lorsque l'on cliquerait sur cette icone/photo un diaporama apparaitrait (diaporama: pictureflow 2.9) pour présenter les différentes photos prises de ce monument. Avec un peu plus de texte en dessous de la photo.
Donc mes premières questions: comment faire pour ajouter une petite icone au bon endroit et que l'on puisse la faire grossir en passant le cursesur dessus?
Deuxième question: comment faire apparaitre le diaporama lorsque l'on clique dessus?
J'ai essayer de mettre l'image (elle est très grande) mais si je la met en fond on ne peut pas se déplacer dessus. On en voit que le coin haut gauche. Si je la met en image, je ne parviens pas à rajouter par dessus les petites icones. Commetn faire aussi pour que l'on puisse déplacer la carte un peut comme sous googlemaps: tu cliques et tu deplace la souris ce qui fait déplacer l'image..)
(a terme j'aimerais faire une petite intro (genre juste apparition de la carte en fondu ou quelquechose dans le genre)
Merci beaucoup de votre aide!
Fablion
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14
Voilà ce que j'aimerais faire. J'ai quelques notions en gestion de blog et de HTML. J'ai lu un peu les tutoriels de siteduzéro concernant le XHTML et le CSS. Voila mon objectif:
Je veux créer une page supplémentaire sur mon blog pour présenter prague (que je viens de visiter)
Je suis allé sur googlemaps pour refaire une carte complete de prague vue depuis les satellites. Ce que j'aimerais faire c'est ajouter des petites icones des différents monuments au bon endroit sur la photo et que l'on puisse cliquer dessus. Lorsque le curseur passerais sur les icones, celles ci grossiraient et afficheraient le nom du monument voire un petit texte explicatif succinct. Ensuite lorsque l'on cliquerait sur cette icone/photo un diaporama apparaitrait (diaporama: pictureflow 2.9) pour présenter les différentes photos prises de ce monument. Avec un peu plus de texte en dessous de la photo.
Donc mes premières questions: comment faire pour ajouter une petite icone au bon endroit et que l'on puisse la faire grossir en passant le cursesur dessus?
Deuxième question: comment faire apparaitre le diaporama lorsque l'on clique dessus?
J'ai essayer de mettre l'image (elle est très grande) mais si je la met en fond on ne peut pas se déplacer dessus. On en voit que le coin haut gauche. Si je la met en image, je ne parviens pas à rajouter par dessus les petites icones. Commetn faire aussi pour que l'on puisse déplacer la carte un peut comme sous googlemaps: tu cliques et tu deplace la souris ce qui fait déplacer l'image..)
(a terme j'aimerais faire une petite intro (genre juste apparition de la carte en fondu ou quelquechose dans le genre)
Merci beaucoup de votre aide!
Fablion
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14