Pages: [1] 2  Toutes   Bas de page
  Imprimer  
Auteur Fil de discussion: Question aux pros d'animation web...  (Lu 9140 fois)
STB
Hyper actif
*
Messages: 3 188



« le: 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.
Signaler au modérateur   Journalisée

StB
Cedric_g
Hyper actif
*
Messages: 2 790



WWW
« Répondre #1 le: Mai 01, 2008, 15:56:36 »

Salut

Ni l'un ni l'autre  Grimaçant

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 Clin d'oeil
Signaler au modérateur   Journalisée

STB
Hyper actif
*
Messages: 3 188



« Répondre #2 le: Mai 01, 2008, 22:29:57 »

merci Cedric

Mais j'y connais rien en programmation  Triste

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

Mais je suis preneur quand même... Clin d'oeil
Signaler au modérateur   Journalisée

StB
unbridgesinonrien
Super actif
*
Messages: 976



« Répondre #3 le: 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
Signaler au modérateur   Journalisée
STB
Hyper actif
*
Messages: 3 188



« Répondre #4 le: Mai 02, 2008, 07:08:53 »

unbridgesinonrien , (merci copier-coller  Sourire )

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  Fâché

Je test.
Signaler au modérateur   Journalisée

StB
Gipé
Hyper actif
*
Messages: 6 017



WWW
« Répondre #5 le: Mai 23, 2008, 11:18:45 »

UP pour ne pas perdre ce Fil
Signaler au modérateur   Journalisée

Léon
Super actif
*
Messages: 608



WWW
« Répondre #6 le: 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ù Huh

Merci du coup de main !
Signaler au modérateur   Journalisée

Léon
Super actif
*
Messages: 608



WWW
« Répondre #7 le: Mai 25, 2008, 15:37:11 »

up ....
Signaler au modérateur   Journalisée

Lictor
Hyper actif
*
Messages: 1 863


« Répondre #8 le: Mai 26, 2008, 11:04:33 »

Les différentes solutions offrent différents intérêts :

* GIF: aucun pour la photo. Clin d'oeil 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).
Signaler au modérateur   Journalisée
Léon
Super actif
*
Messages: 608



WWW
« Répondre #9 le: 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 !
Signaler au modérateur   Journalisée

jlthirot
Actif
*
Messages: 92


« Répondre #10 le: 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)


Signaler au modérateur   Journalisée
Léon
Super actif
*
Messages: 608



WWW
« Répondre #11 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 Huh


Signaler au modérateur   Journalisée

Cedric_g
Hyper actif
*
Messages: 2 790



WWW
« Répondre #12 le: Mai 29, 2008, 18:32:10 »

L'inconvénient du Flash  Roulement des yeux


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 !)   Clin d'oeil
Signaler au modérateur   Journalisée

Léon
Super actif
*
Messages: 608



WWW
« Répondre #13 le: 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 !
Signaler au modérateur   Journalisée

jlthirot
Actif
*
Messages: 92


« Répondre #14 le: 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
Signaler au modérateur   Journalisée
Léon
Super actif
*
Messages: 608



WWW
« Répondre #15 le: 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 ....
Signaler au modérateur   Journalisée

dominicana
Nouvel arrivant
*
Messages: 34


WWW
« Répondre #16 le: Mai 31, 2008, 19:20:54 »

Pour information, google commence à référencer les sites réalisés avec Flash

 [at] +
Signaler au modérateur   Journalisée

jlthirot
Actif
*
Messages: 92


« Répondre #17 le: Juin 01, 2008, 21:34:39 »

Merci,
Il faudra faire attention à ce que l'on écrit
Signaler au modérateur   Journalisée
Cedric_g
Hyper actif
*
Messages: 2 790



WWW
« Répondre #18 le: Juin 03, 2008, 14:21:52 »

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...
Signaler au modérateur   Journalisée

Lictor
Hyper actif
*
Messages: 1 863


« Répondre #19 le: Juin 04, 2008, 12:06:18 »

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...
Signaler au modérateur   Journalisée
STB
Hyper actif
*
Messages: 3 188



« Répondre #20 le: Septembre 10, 2008, 17:29:42 »

L'inconvénient du Flash  Roulement des yeux


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 !)   Clin d'oeil

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 Clin d'oeil
Signaler au modérateur   Journalisée

StB
Cedric_g
Hyper actif
*
Messages: 2 790



WWW
« Répondre #21 le: Septembre 11, 2008, 14:38:27 »

STB, le script est ici => http://slayeroffice.com/code/imageCrossFade/xfade2.html

 Clin d'oeil


(les liens en bas de page donnent accès aux sources, sinon regarder le code de la page)
Signaler au modérateur   Journalisée

Gipé
Hyper actif
*
Messages: 6 017



WWW
« Répondre #22 le: Septembre 11, 2008, 16:21:44 »

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 Huh

tu cherchais du gratuit ...   tu as trouvé quoi alors pour écrire en flash ?
Signaler au modérateur   Journalisée

JPSA
Naturaliste
Hyper actif
***
Messages: 11 022



WWW
« Répondre #23 le: 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
Signaler au modérateur   Journalisée

Gipé
Hyper actif
*
Messages: 6 017



WWW
« Répondre #24 le: Septembre 11, 2008, 16:50:11 »

Merci, en effet il y a pas mal de scripts proposant des transitions différentes.
Signaler au modérateur   Journalisée

Pages: [1] 2  Toutes   Haut de page
  Imprimer  
 
Aller à: