Comment créer facilement un diaporama pour votre site web avec webprojector

diaporamas photo sont un outil formidable pour montrer un groupe d`images sur un site Web. Il y a plusieurs façons d`aller sur l`affichage d`un tel diaporama. Tout d`abord, vous pouvez utiliser un service de photo comme Flickr ou Picasa (Version en ligne) pour regrouper vos photos ensemble et embed le résultat sur votre site.

vous pouvez créer un fichier d`autre part vidéo de votre diaporama, le télécharger sur un site de partage vidéo comme Youtube et intégrer la vidéo sur votre site.

En troisième lieu, ce qui WebProjector rend si simple, accueille les fichiers d`image sur votre propre site et les afficher en quelque sorte dans un diaporama.

Comme je l`ai mentionné ci-dessus, WebProjector permet d`ajouter un diaporama photo sur votre site très simple. Il utilise la technologie Flex et il se résume à quelques étapes simples pour obtenir le diaporama et en cours d`exécution.

Télécharger le fichier Zip

Visitez la page d`accueil et faites défiler vers le bas à l`endroit où il est dit «Télécharger» Et cliquez sur le lien intitulé « zip ».

Video: Créer un SLIDER pour votre site en CSS

Video: Site Web - Comment créer un diaporama

Téléchargez le fichier, l`ouvrir et décompresser les fichiers dans un dossier sur votre disque dur. Nous allons modifier certaines choses avant de les télécharger sur votre serveur web, comme l`ajout de vos photos et de la musique et quelques coups secs.

Obtenez vos photos en Place

Vous remarquerez que dans le dossier qu`il existe un sous-dossier nommé «images.» Vous trouverez les exemples d`images là-dedans, mais vous voulez les remplacer par votre propre. Il suffit de les supprimer et coller votre propre là-dedans.

Lorsque nous modifions le fichier XML, nous nous assurerons que sont appelés les noms de vos photos à la place des échantillons.

Obtenez votre musique place

En supposant que vous avez votre propre MP3 vous préférez avoir en arrière-plan, vous voulez remplacer le MP3 par défaut avec votre propre. Vous voulez la meilleure façon? Renommez MP3 à « music.mp3 » et le copier sur le fichier par défaut. C`est de la tarte.

Modifier le fichier projector.xml

S`ouvrir projector.xml dans un éditeur de texte (Lequel est votre préféré?) Pour une édition simple.

Video: WIFEO - Insérer un diaporama dans une page de votre site (éditeur simplifié)

Ne vous inquiétez pas, tout ce que nous voulons tweak est étiqueté et pas du tout confus. Testez le diaporama en enregistrant le fichier XML et ouvrez le index.html déposer afin de voir les changements.

La première chose que vous voulez faire attention à la hauteur est maximale et les variables de largeur maximale. Vous pouvez modifier ces chiffres pour changer la taille du diaporama. Il semble être en pixels, si vous le savez.

Ensuite, vous pouvez modifier certains paramètres de temps. Mess autour d`un peu jusqu`à ce que vous les obtenez où vous voulez. Vous pouvez modifier des choses telles que le fade in et fade out durées et la durée de chaque diapositive elle-même.

En plus de l`option pour afficher le logo de démarrage ou non, les prochaines quelques variables que vous devriez regarder contrôler la façon dont les choses sont. Mess avec la largeur de la frontière et quelques-unes des couleurs qui montreront. Vous devez connaître la couleur code hexadécimal bien. Ce sélecteur de couleur devrait être en mesure de vous aider à trouver les codes hexadécimaux pour les couleurs que vous voulez.

Maintenant, assurez-vous que le répertoire d`image et le nom du fichier MP3 sont corrects. Tweak le réglage du son à votre goût. En plus d`entrer les noms de photos dans l`ordre que vous voulez que les diapositives affichées, vous êtes tous ensemble avec le fichier XML.

Modifier la index.html fichier pour changer les mots qui apparaissent au-dessus du diaporama.

Vous pouvez mettre quelque chose en expliquant le diaporama ou tout ce que vous voulez. Le défaut "Ceci est un exemple de page ...» A juste aller.

sauvegarder & Télécharger

La dernière étape fera vivre votre diaporama. En utilisant quelque chose comme FileZilla, télécharger le répertoire entier sur votre espace web. Pour créer un lien vers elle, un lien vers le répertoire ou bien le fichier index.html. Ou bien faut vraiment le faire.

Donc là vous l`avez: votre diaporama propre hébergé dans votre propre espace web (voici mon diaporama de test).

Je suis sûr que vous pouvez faire des choses cool comme la mise en œuvre du code HTML dans une autre page. Vous pouvez même créer une page de portefeuille à partir du fichier HTML donné. Je viens de vous montrer les bases de la mise en place.

Dites-moi, ce que vous pensez WebProjector? Qu`est-ce que vous utilisez pour partager des diaporamas et pourquoi?