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.
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 (http://champagne-ardenne.aube-nature.com/champagne-ardenne-vue-du-ciel.php) ;)
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... ;)
Salut,
tu peux regarder chez vertical moon
j'ai acheté chez eux 3 modules dont http://www.verticalmoon.com/products/swfnslide/swfnslidecommon.htm (http://www.verticalmoon.com/products/swfnslide/swfnslidecommon.htm) qui fait ce que tu souhaites
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.
UP pour ne pas perdre ce Fil
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 !
up ....
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).
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 !
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)
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 ???
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 !) ;)
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 !
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
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 ....
Pour information, google commence à référencer les sites réalisés avec Flash
[at] +
Merci,
Il faudra faire attention à ce que l'on écrit
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...
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...
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, 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)
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 ?
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 (http://www.dynamicdrive.com/dynamicindex14/index.html)
Merci, en effet il y a pas mal de scripts proposant des transitions différentes.
Et s'il y a des possesseurs de LR2 (même en version d'essai), on peut aussi faire des galeries sympa avec :
L'avantage du flash c'est aussi de pouvoir faire le pré-chargement des photos du diaporama. Du coup s'il y a beaucoup de photos, ce sera quand même fluide.
Moi j'utilise un diaporama flash sur ma page d'acceuil, récupéré de Wordpress.
Le fichier xml donne le chemin des photos, permet de régler les timings, transition, boucle ...
http://jerome.philbert.free.fr (http://jerome.philbert.free.fr)
Citation de: Gipé le Septembre 11, 2008, 16:21:44
tu cherchais du gratuit ... tu as trouvé quoi alors pour écrire en flash ?
J'ai trouvé en fouinant un peu sur les forums astucieux quelques lignes de programmation à intégrer à ma page. C'est un peu bricolo, mais ça marche. Inconvénient, les photos du diaporama doivent être dans le même répertoire que la page ... c'est un peu le bordel au niveau fichier ... mais cela fonctionne sous explorer. Sous d'autres navigateurs en revanche, (Firefox) c'est moins clean, j'ai des bandes blanches qui se rajoutent ... bof bof.
Citation de: pgrat le Septembre 11, 2008, 18:21:18
Et s'il y a des possesseurs de LR2 (même en version d'essai), on peut aussi faire des galeries sympa avec :
Habitué à Simpleviewer via Porta, j'avais essayé de créer mes galeries Simpleviewer avec LR .... déçu ! Forte compression, pas de controle de la netteté, manque de contrôle de certain paramètres ... Peut être mieux sous LR2, faut que je regarde.
Mais le truc, ce n'est pas de faire une galerie en flash, c'est de l'intégrer dans une page html qui me pose problème (voir mes premiers messages). Je sais que l'on peux, mais je ne sais pas comment !!
AAAAARRRRRRRRRRRRRrrrrrrrrrrrrrrgggggggggghhhhhhhhhhhhhhh !!!!!!
Citation de: JPSA 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 (http://www.dynamicdrive.com/dynamicindex14/index.html)
Merci JPSA
je vais m'y essayer... çà m'a l'air bein expliqué (avecla traduction gogol :-[ )
Citation de: Léon le Septembre 11, 2008, 23:11:38
Habitué à Simpleviewer via Porta, j'avais essayé de créer mes galeries Simpleviewer avec LR .... déçu ! Forte compression, pas de controle de la netteté, manque de contrôle de certain paramètres ... Peut être mieux sous LR2, faut que je regarde.
Mais le truc, ce n'est pas de faire une galerie en flash, c'est de l'intégrer dans une page html qui me pose problème (voir mes premiers messages). Je sais que l'on peux, mais je ne sais pas comment !!
AAAAARRRRRRRRRRRRRrrrrrrrrrrrrrrgggggggggghhhhhhhhhhhhhhh !!!!!!
Pour LR2, je savais que ca existait, mais je n'ai essayé par manque temps.
Simpleviewer peut ausse être récupéré de manière indépendante ici http://www.airtightinteractive.com/simpleviewer/ (http://www.airtightinteractive.com/simpleviewer/)
Apparamment, il y a des infos pour l'tégrer dans une page html
Citation de: Cedric_g le 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)
Ok, merci Cedric_g
J'ai testé mais çà va pas car la transition entre les images créé un voile blanc qui ne me convient pas :-\
Merci