Commencez par bien repérer les photos que vous voulez utiliser. Afin de ne pas avoir à les chercher pendant des heures sur votre pc, regroupez les dans un dossier (attention : souvent, les images ne doivent pas dépasser 3 mb).
ROCK YOU
Allez sur ROCK YOU. Inscrivez-vous (simple et gratuit, il suffit d’indiquer son adresse mail et un mot de passe) et cliquez sur «create» dans le menu. Cliquez ensuite sur slideshow.
Une fenêtre apparaît à partir de laquelle vous pouvez télécharger vos photos.
Répétez l’opération autant de fois qu'il y a de photos à télécharger.
Cliquez ensuite sur «Done !»
Après quelques secondes, votre diaporama vous est présenté.
Sur la gauche, vous pouvez décider de sa taille, du plus petit (« Tiny ») au plus grand (« huge »).
Sous le diaporama, dans un cadre jaune, copiez le code fourni et collez le sur votre blog, à l’endroit désiré (article, module, entête, pied de page…), en HTML.
Un exemple de code :
<div align="center"><embed style="WIDTH: 418px; HEIGHT: 234px" name="rockyou"Après voir enregistré, vous pourrez recentrer le diaporama si besoin en revenant sur votre article, en cliquant sur l’image afin qu’apparaisse les carrés blancs de tabulation avec lesquels vous pourrez déplacer l’image à votre guise.
pluginspage=http://www.macromedia.com/go/getflashplayer src="http://apps.rockyou.com/rockyou.swf?instanceid=31544061" width="418" height="234" type="application/x-shockwave-flash" wmode="transparent" quality="high"></embed></div>
A noter : les diaporamas RockYou ne sont actifs que quelques mois
CRAZYPROFILE
Allez chez CRAZYPROFILE
Cliquez sur Files, puis sur Upload your images (pas trop lourdes) : vous chargez vos images depuis votre PC.
Cliquez ensuite sur Customize.
Choisissez votre transition : en cliquant sur Fade in/ fade out - Slide - 3D Spin - Rings, vous voyez l'effet produit.
Je choisis 3D Spin
Cliquez sur Done, puis sur Get Code.
Copiez le code
<embed src='http://www.crazyprofile.com/slide_show/ssfd03.swf' width='610' height='310' FlashVars='pic=130992&fldr=May-2007&race=10' quality='high' wmode='transparent' align='middle'
allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a
href='http://www.crazyprofile.com/slide_show/slideshow.asp' target='_blank'><font face='verdana' size=1>Created by Crazyprofile.com</font></a></div>
et collez le HTML (résultat en prévisualisation et édition)
A noter : les diaporamas Crazyprofil ne sont actifs que quelques mois
PICTURETRAIL
Sur PictureTrail.com, vous avez le choix entre pas moins de 27 outils différents tel que le cube animé :
...le panneau de verre rotatif:
ou encore les tiroirs:
La mise en place des différents diaporamas suit toujours le même parcours.
Après vous être inscrit ("Free Signup"), commencez par charger vos photos ou images en cliquant sur "upload pix".Vous pouvez les charger par groupe de 5, 10 ou 15.
Votre album constitué, cliquez sur "Slideshows" dans le menu en haut de votre page. Vous pouvez choisir votre diaporama parmi les 27 présentés en cliquant simplement sur la vignette correspondante.
A partir de là, les trois mêmes étapes se succèdent :
1°) Cliquez sur "Add photos". Votre album apparait et vous sélectionnez toutes les images que vous voulez utiliser, puis validez sur "Add Selected Photos".
2°) Cliquez sur "Customize Flick". Votre tableau d'options de présentation diffèrera un peu selon le diaporama choisi. Cependant la plupart des fonctions de base sont communes : comme la taille des images, la couleur du fond, l'ajout de glitters...Toutes vos modifications apparaissent en temps réel sur l'écran de visualisation .
3°) Cliquez sur "Save". Donnez un nom à votre diaporama et validez sur "Save and Get Code".Il vous reste à appuyer sur le bouton "Copy Posting Code" et à coller le code en mode source ou vous le désirez.
Exemple de code:
<embed style="display: inline; width: 460px; height: 310px;" src="http://flash.picturetrail.com/pflicks/2/moving_thumbs.swf" loop="false"MONK
quality="high" FlashVars="ql=0&src1=http://pic30.picturetrail.com/VOL1507/9398677/flicks/1/1199328&src2=http://widgetize.picturetrail.com/flicks/1199328" wmode="transparent" bgcolor="#000000" width="460" height="310" name="moving_thumbs" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><table width="460" cellpadding="0" cellspacing="0" border="0"><tr><td align="left" valign="bottom" width="85" height="30"><a href="http://www.picturetrail.com/misc/counter.fcgi?link=http%3A%2F%2Fwww.picturetrail.com%2Fwebpages%2Fabout-photoflick2.shtml&cID=924"><imghttp://pics.picturetrail.com/res/pflicks/pt.gif" border="0"></a></td>
<td align="left" valign="bottom"><a href="http://www.picturetrail.com/misc/counter.fcgi?link=http%3A%2F%2Fwww.picturetrail.com%2FphotoFlick%2Fsamples%2Fpflicks.shtml&cID=925">
</tr></table> src=" color="#0E58FF" size="2" face="arial">Cool Slideshows!</a></td>
Allez sur MOONK
Inscrivez-vous.
Vous recevez un mail : vous devez cliquer sur un lien qui s'y trouve pour activer votre compte.
Chargez vos images : seulement en .jpg.
Sélectionnez votre encadrement et ses dimensions.
Donnez un nom à votre oeuvre
Copiez le code
<table style="border-collapse:collapse"><tr><td><embed pluginspage="http://www.macromedia.com/go/getflashplayer" base="http://www.moonk.com"Collez le en HTML
wmode="transparent" src="http://www.moonk.com/themes/MAGIX_MOONK/flash/player/player_loader.swf?xmlpath=
http://www.moonk.com/moonk/xml&eid=271BFF803D9511DC946FE920D45BFC0D&moonk=true" height="272" width="272" type="application/x-shockwave-flash" hspace="0" vspace="0" quality="high"
allowscriptaccess="always" swLiveConnect="true"></embed></td></tr><tr><td style="text-align:center;"><a
href="http://www.moonk.com/redirects/moonk_player_link.htm"><img style="border:none;" src="http://www.moonk.com/themes/MAGIX_MOONK/images/logo_moonkSmall.gif" /></a> <a
href="http://www.moonk.com/redirects/moonk_player_link.htm" style="font-size:10px;color:#33a1ff;text-decoration:none;" onmouseover="this.style.textDecoration='underline';"
onmouseout="this.style.textDecoration='none';">Get your own Moonk!</a></td></tr></table>
 Get your own Moonk! |
KIZOA
Allez sur Kizoa
Cliquez sur Je m'inscris : nom - prénom - adresse mail - mot de passe
Créez un groupe (répertoire)
Cliquez sur Je vais chercher mes photos sur mon ordinateur autant de fois que de photos à uploader
Cliquez sur Photothèque, puis Diaporama en 3 clics
Cliquez sur Diapomontage dans la barre de menu du haut, puis sur transition : joli choix de sélection du type de transition entre les images. Dans l'encart visualisation, vous pouvez voir un exemple du résultat :
- texte : pour rajouter du ...texte (c'est bon, vous suivez)
- effets : météo, ambiance, mouvement
- animation : rejout d'images évènementiels : Noël, St valentin...
- paramétrage : donnez un titre à votre diaporama
Cliquez sur Mes Diaporamas, puis sur l'icône Insérer Blog, tout en bas
Vous obtenez un code que vous copiez
<object width="400" height="300"><param name="movie" value="http://www.kizoa.fr/i-Contact/sflex.swf?fmode=5&did=47660&kc=6441437"></param><param name="wmode"
value="transparent"></param><embed src="http://www.kizoa.fr/i-Contact/sflex.swf?fmode=5&did=47660&kc=6441437" type="application/x-shockwave-flash" wmode="transparent"
width="400" height="300"></embed></object>
et collez en html
Là encore, le code n'est pas éternellement actif.
PHOTOBUCKET
Photobucket est un hébergeur d'images qui vous donne la possibilité de réaliser des diaporamas à partir de vos photos.
Je vous le conseille : très facile d'utilisation et des diaporamas originaux
Il faut s'inscrire.
Ensuite, vous uploadez vos photos.
Vous cliquez dans le menu horizontal sur Create a slideshow :
- dans la colonne de gauche, vos photos
- dans la colonne de droite, les différents diaporamas possibles
Quand le résultat vous convient, vous cliquez sur Save Slideshow et récupérez le code à coller en HTML - HTML Code - Websites & Blogs - dans la colonne de droite.
Des exemples :
Le journal
Le collage
La télé
En cliquant sur Create Remix, vous pouvez même rajouter de la musique, créer des effets de transition...
GOODWIDGET
En vous connectant à Goodwidget, vous pourrez confectionner des présentations originales pour les photos que vous souhaitez mettre en ligne, notamment grâce à Lightbox.
Tout d'abord inscrivez-vous ("Sign up" ).
Choisissez "Lightbox" dans le menu.
La première étape est de charger vos photos, en utilisant le bouton "parcourir " à droite puis en cliquant sur "upload".
L'étape suivante vous permettra de configurer votre tableau de vignette, notamment la taille et la couleur du fond.
Dans l'étape 3, vous disposerez du code à copier en HTML dans votre article ou module.
Exemple de code:
<div><embed src="http://goodwidgets.com/widgets/lightbox.swf" name="gw1450" FlashVars="gW=1450&bC=a1685d&aC=e91532&v=1.0" quality="best"Vous obtiendrez ainsi un tableau de ce type (jusqu'à 12 photos) :
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="300"></embed></div>
en cliquant sur une photo, l'animation flash mettra en avant la photo sélectionnée :
Un diaporama est aussi appelé un slideshow, pensez à regarder les articles suivants
Bonjour Annak
RépondreSupprimerTous les diaporamas PICTURETRAIL que j'ai récemment crées et publiés sur mon blog http://planeteperou.over-blog.com ainsi que ceux créés sur le site de ma soeur : http://wakantanka27.over-blog.com (Alice Hugo) ont disparu. Je note que chez toi aussi. Connais-tu la raison du problème ? (pb picturetrail ? pb OB ?).
Merci d'avance
Bonjour Janine :) je suis sur Blogspot, donc pas sur la même plateforme que toi ; le problème vient donc de chez PictureTrail. Ils doivent avoir un problème de serveurs. Ne touche à rien, laisse-leur le temps de réparer. Avec de la chance, les diaporamas réapparaîtront bientôt.
RépondreSupprimerBises à toi et Alice :)