Animation photo sur site internet

Animation photo sur site internet - HTML/CSS - Programmation

Marsh Posté le 09-08-2007 à 10:55:54    

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:  

Reply

Marsh Posté le 09-08-2007 à 10:55:54   

Reply

Marsh Posté le 09-08-2007 à 11:53:45    

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.

Reply

Marsh Posté le 09-08-2007 à 11:54:37    

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

Reply

Marsh Posté le 09-08-2007 à 11:55:49    

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

Reply

Marsh Posté le 09-08-2007 à 11:56:57    

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!

Reply

Marsh Posté le 09-08-2007 à 11:57:36    

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é :)

Reply

Marsh Posté le 10-08-2007 à 08:31:13    

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:

Reply

Marsh Posté le 10-08-2007 à 09:10:15    

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

Reply

Marsh Posté le 23-08-2007 à 08:14:43    

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/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed