Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1725 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Animation photo sur site internet

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Animation photo sur site internet

n°1597584
dom16
Posté le 09-08-2007 à 10:55:54  profilanswer
 

Salut !
 :)  
Je suis en train de faire un site en html/css (je n'ai pas bcp d'expérience), et j'aurais aimé intégrer un effet comme ça - photos qui défilent/changent - sur le site que je suis en train de créer:  
 
http://www.hawaiirealtyinternational.com/
 
Je connais html, css, un tout petit peu javascript, mais je n'ai pas flash
 
- Est-ce qu'il y a un espoir pour je puisse mettre un effet comme ça?
 
Si non, est-ce que qqn saurait si je peux faire un effet à peu près semblable sans flash ?
 
Merci ! :jap:  

mood
Publicité
Posté le 09-08-2007 à 10:55:54  profilanswer
 

n°1597622
durkheim
Posté le 09-08-2007 à 11:53:45  profilanswer
 

Oui, tu peux en javascript:
http://slideshow.triptracker.net/
 
Clique sur une photo puis sur le bouton 'play'.
 
Le code source de cet appli est livrée sans espaces manière de le rendre plus compact, et la licence peu permissive fait penser qu'il veut pas qu'on y touche. Heureusement, elle est pas très longue et on peut s'y retrouver assez facilement une fois quelques indentation faites dans le code.

n°1597624
FlorentG
Unité de Masse
Posté le 09-08-2007 à 11:54:37  profilanswer
 

Leur truc là est fait en flash, y'a un peu d'animation
 
sinon en JS, on peut faire défiler des images en fondu, exemple sur un site que j'ai fait pour un pote, j'ai utilisé la librairie YAHOO pour les effets d'anims simples

n°1597626
FlorentG
Unité de Masse
Posté le 09-08-2007 à 11:55:49  profilanswer
 

Mon truc est mieux :o si on a pas JS, on voit la première image. Et si on n'a pas css, on voit toutes les images, accessibilité rulez :D

n°1597628
durkheim
Posté le 09-08-2007 à 11:56:57  profilanswer
 

FlorentG a écrit :

Leur truc là est fait en flash, y'a un peu d'animation
 


Leur truc là n'est PAS fait en flash, et l'animation est faite uniquement en javascript, je le sais je l'utilise!

n°1597629
FlorentG
Unité de Masse
Posté le 09-08-2007 à 11:57:36  profilanswer
 

durkheim a écrit :

Leur truc là n'est PAS fait en flash


Je parlais du post initial :D J'ai posté trop tard, tu m'as grillé :)

n°1598031
dom16
Posté le 10-08-2007 à 08:31:13  profilanswer
 

FlorentG a écrit :

Leur truc là est fait en flash, y'a un peu d'animation
 
sinon en JS, on peut faire défiler des images en fondu, exemple sur un site que j'ai fait pour un pote, j'ai utilisé la librairie YAHOO pour les effets d'anims simples


 
Merci bcp!  
 
J'aime bien l'effet que t'as mis sur le site que t'as fait FlorentG... Tu voudrais pas m'en dire un peu plus sur comment tu l'as fait?  
 
J'ai vu que t'avais mis
<div id="slideshow">
    <img id="slide1" src="accueil/images/artiste-peintre.jpg" alt="" />
    <img id="slide2" src="accueil/images/conseil-decoration.jpg" alt="" />
    <img id="slide3" src="accueil/images/gestion-espace.jpg" alt="" />
    <img id="slide4" src="accueil/images/relooking-interieur.jpg" alt="" />
 
   </div>
mais dans ta feuille css il faut mettre quoi ?  :pt1cable:  
 
- je vous avais dit j'ai PEU d'expérience-  :sarcastic:

n°1598036
FlorentG
Unité de Masse
Posté le 10-08-2007 à 09:10:15  profilanswer
 

Dans le CSS, les images sont toutes positionnées en position absolute. Ensuite j'ai les deux scripts yahoo, yahoo-dom-event et animation, plus le troisième qui lance le truc

n°1602677
dom16
Posté le 23-08-2007 à 08:14:43  profilanswer
 

waouw merci FlorentG mais j'ai de la peine... faut que j'améliore mes connaissances en javascript je crois...
 
j'ai trouvé ce truc très simple qui marche pas mal http://clagnut.com/sandbox/imagefades/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Animation photo sur site internet

 

Sujets relatifs
site web en templates phpLecture d'un .PLS en flash (intégré dans un site web)
Problème sur mon site internet.[HTML/CSS] LI:hover sous Internet Explorer
[HTML] Internet explorer problèmePb chargement photo sous Firefox
Mettre de la musique en continu dans son site.CSS dans Internet Explorer
Site d'enchère sur programmation PHP 
Plus de sujets relatifs à : Animation photo sur site internet


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR