Question aux pros d'animation web...

Démarré par STB, Avril 24, 2008, 23:53:43

« précédent - suivant »
Imprimer
En bas Pages1 2 Toutes
Actions de l'utilisateur

STB

Avril 24, 2008, 23:53:43
J'ai une succession de photos à rentrer dans une animation pour le web qui tournerait en boucle.
(Ce sont les étapes du montage d'une fenêtre) Je souhaiterais que ces photos se superposent avec une transition en fondu et que l'animation se termine par l'apparition d'un logo.
J'ai déjà réalisé les photos en studio des différentes étapes et les ais controlées. Tout est ok, elles se superposent parfaitement.
Quel serait l'application la plus indiquées ? Quel format ?
Gif, flash ...

D'avance merci.
StB

Cedric_g

#1
Mai 01, 2008, 15:56:36
Salut

Ni l'un ni l'autre  ;D

Un p'tit javascript (open source) et le tour est joué. Accessoirement, toutes les images sont référençables et ça fonctionne sur à peu près tous les navigateurs datant de moins de 5 ans...

=> http://slayeroffice.com/code/imageCrossFade/xfade2.html
Je l'utilise par exemple sur mon site dédié à la Champagne Ardenne vue du ciel ;)

STB

#2
Mai 01, 2008, 22:29:57
merci Cedric

Mais j'y connais rien en programmation  :(

J'ai fait un truc en sortie de Proshow et ma fois, çà me conviens ...

Mais je suis preneur quand même... ;)
StB

unbridgesinonrien

#3
Mai 01, 2008, 22:40:37
Salut,

tu peux regarder chez vertical moon

j'ai acheté chez eux 3 modules dont http://www.verticalmoon.com/products/swfnslide/swfnslidecommon.htm qui fait ce que tu souhaites

STB

#4
Mai 02, 2008, 07:08:53
unbridgesinonrien , (merci copier-coller  :) )

J'ai été faire un tour sur le site en lien. Pas mal ça m'a l'air... Dommage que je ne maitraise pas l'anglais  >:(

Je test.
StB

photodrone33.com

#5
Mai 23, 2008, 11:18:45
UP pour ne pas perdre ce Fil

Léon

#6
Mai 25, 2008, 10:02:09
Intéressant tout ça, mais juste pour un p'tit bandeau, j'aimerais essayer de ne pas le payer !

Cedric_g  : Résultat intéressant, mais comment l'intégrer dans une page HTML ?? J'suis nul je sais ! Quel code est à copier dans la page ... et où ???

Merci du coup de main !

Léon

#7
Mai 25, 2008, 15:37:11
up ....

Lictor

#8
Mai 26, 2008, 11:04:33
Les différentes solutions offrent différents intérêts :

* GIF: aucun pour la photo. ;) En GIF, on est en 256 couleurs, ça va postériser dans tous les sens. Et gérer des fondus en 250 couleurs...

* HTML + JavaScript :
+ pas besoin de plugin
+ chargement plus rapide que du flash
+ plus standard (même si Flash approche les 100% de parts de marché dans les faits)
0 côté référencement, on n'y gagne pas grand chose: en AJAX, les images ne sont pas plus visibles par les moteurs de recherche qu'en Flash. Si on est pas en AJAX, on gagne en référencement, mais on ralentie considérablement le chargement de la page.
- Javascript est plus complexe à programmer que les solutions Flash (ou Flex), moins facile à mettre au point et à tendance à bugger un peu. Tant qu'il s'agit de récupérer du code existant, ça va, mais pour partir de 0 et tout faire soi-même, on perd rapidement du temps en mise au point.
- Les effets de transition sont moins riches qu'en Flash
- JS a tendance à ramer quand on lui demande des choses vraiment trop compliquées

Flash :
+ Différentes approches de programmation disponibles, entre Flex (pour les développeurs) ou Flash (pour les graphistes)
+ Flash est dans son milieu: les effets sont magnifiques, simples et rapides à exécuter. Et le seront encore plus avec Flash 10 qui fera appel au GPU et aux shaders.
+ Flash (et surtout Flex) gère très bien et simplement les transitions, les chargements à la volée...
+ Récupérer les images affichées dans du flash est nettement plus compliqué: on risque moins de les retrouver dans Google Images, de se les faire voler, d'avoir des liens sauvages sur l'image...
- Le référencement est inexistant. Mais c'est aussi le cas en AJAX, les deux technos sont à égalité sur ce point.
- le player doit être installé et à jour. En pratique, il l'est très souvent.
- temps de chargement du player.
- complexité supérieure au JS (mais qui devient inférieure sur les projets compliqués, parce que la solution est mieux structurée et moins bricolée).

De toute façon, pour un non-développeur, tu vas partir d'une solution existante. Les deux se valent un peu, ça va surtout se jouer sur des critères esthétiques, de fonctionnalités et de facilité d'usage.
Il faut aussi voir où sont les images. Par exemple, on trouve beaucoup de solutions qui utilisent Flickr comme source d'images (parce que leur API est très complète).

Léon

#9
Mai 26, 2008, 14:40:41
Bon, va falloir se mettre au flash alors !!

Personne n'a sous la main un truc prêt avec un p'tit tuto ?

allez, au boulot !

jlthirot

#10
Mai 26, 2008, 22:25:03
au travail, voici juste un petit tuto pour le code
http://wiki.mediabox.fr/tutoriaux/flash/diaporama_d_image_avec_modulo_et_setinterval
Plus sérieusement on trouve de tout sur http://flashkit.com/ (en anglais)

Léon

#11
Mai 27, 2008, 18:11:19
Merci ... j'ai trouvé !!!!!

Mais j'ai un p'tit souci .... Mes menus déroulant passent SOUS le diaporama et non sur !!

Voilà le pépin : http://www.boussaguet-photo.com/galeries/galerie-titre-test.htm

oubliez la qualité des photos, c'est pour l'exemple.

Y a t il un moyen pour l'éviter ???

Cedric_g

#12
Mai 29, 2008, 18:32:10
L'inconvénient du Flash  ::)
Pour XFade, juste le script à copier, et suivre l'exemple donné sur le site (en se concentrant c'est pas plus dur que d'intégrer une animation Flash !)   ;)

Léon

#13
Mai 29, 2008, 20:18:09
merci, j'ai résolu le problème avec un truc du style shade transparent. Je le mettrai en ligne ce soir, si cela interesse qqun.

Le prochain défi : comment garder la même page avec la barre de navigation en haut pour le choix des galeries; tout en ouvrant les galeries flash (faites avec simpleviewer) dans cette même page.

Là, je suis à mes limites .... Et je sêche !

jlthirot

#14
Mai 30, 2008, 09:06:02
Pour un site avec bcp de photos il y'a slideshow pro.
Il exite un module pour administrer les photos en PHP et un module pour la présentation en flash.

La gestion des albums est déjà intégrée

Léon

#15
Mai 30, 2008, 09:36:53
Pas trop emballé par cette présentation.
Je préfèrerais la mienne ... j'my suis habitué !!

Voilà la fiture page des galeries :
http://www.boussaguet-photo.com/galeries/galerie-titre-test.htm

Il faut maintenant que j'arrive à ouvrir mes Simpleviewer sous le bandeau du haut, et cachant donc le petit diaporama automatique.

C'est possible, la preuve : http://www.justeleblanc.com/

Si vous avez des idées ....

dominicana

#16
Mai 31, 2008, 19:20:54
Pour information, google commence à référencer les sites réalisés avec Flash

[at] +

jlthirot

#17
Juin 01, 2008, 21:34:39
Merci,
Il faudra faire attention à ce que l'on écrit

Cedric_g

#18
Juin 03, 2008, 14:21:52
Citation de: dominicana le Mai 31, 2008, 19:20:54
Pour information, google commence à référencer les sites réalisés avec Flash

[at] +

Pas faux, mais pas vrai non plus... Pour les images en tout cas c'est pas demain la veille !

Il commence à détecter le texte "sélectionnable" au sein des animations (sous réserve : il semble que cela ne soient que des tests techniques réalisés par Google) mais en aucun cas il ne peut évidemment lire du vectoriel et parcourir les différentes "pages" intégrées dans une animation (aucun moyen technique de lui préciser que les pages sont différences d'une part, et aucun moyen d'afficher directement l'une de ces pages d'autre part...)

SilverLight (basé sur XML) devrait avoir plus de succès dans les années à venir, sur ce point en tout cas...

Lictor

#19
Juin 04, 2008, 12:06:18
Citation de: Cedric_g le Juin 03, 2008, 14:21:52
SilverLight (basé sur XML) devrait avoir plus de succès dans les années à venir, sur ce point en tout cas...

Pas vraiment...
Déjà, SilverLight, c'est comme Flex, c'est destiné à être compilé, pas à être balancé sur le web sous forme de code source...
Ensuite, c'est le même principe en SilverLight qu'en Flex ou en AJAX: le XML ne fait que décrire la structure de l'application. Les données, elles, sont récupérés de façon asynchrone sur les serveurs, via des web services.
Donc, le XML ne devrait pas avoir grand chose de valable à indexer...

STB

#20
Septembre 10, 2008, 17:29:42
Citation de: Cedric_g le Mai 29, 2008, 18:32:10
L'inconvénient du Flash  ::)
Pour XFade, juste le script à copier, et suivre l'exemple donné sur le site (en se concentrant c'est pas plus dur que d'intégrer une animation Flash !)   ;)

Euh...
Cedric, il est où l'exemple ? Tu pars de quel script (y'a trois liens)

Excuse, j'suis une bille mais je crois que c'est ce qu'il me faut comme diaporama...

Merci ;)
StB

Cedric_g

#21
Septembre 11, 2008, 14:38:27
STB, le script est ici => http://slayeroffice.com/code/imageCrossFade/xfade2.html

;)
(les liens en bas de page donnent accès aux sources, sinon regarder le code de la page)

photodrone33.com

#22
Septembre 11, 2008, 16:21:44
Citation de: Léon le Mai 27, 2008, 18:11:19
Merci ... j'ai trouvé !!!!!

Mais j'ai un p'tit souci .... Mes menus déroulant passent SOUS le diaporama et non sur !!

Voilà le pépin : http://www.boussaguet-photo.com/galeries/galerie-titre-test.htm

oubliez la qualité des photos, c'est pour l'exemple.

Y a t il un moyen pour l'éviter ???

tu cherchais du gratuit ...   tu as trouvé quoi alors pour écrire en flash ?

JPSA

#23
Septembre 11, 2008, 16:29:58
Comme le dit Cedric.g, inutile d'aller chercher flash et consorts pour de l'animation d'images
ou des slideshows.

En javascript et en gratuit, voici une bonne adresse:
http://www.dynamicdrive.com/dynamicindex14/index.html

photodrone33.com

#24
Septembre 11, 2008, 16:50:11
Merci, en effet il y a pas mal de scripts proposant des transitions différentes.
Imprimer
En haut Pages1 2 Toutes
Actions de l'utilisateur