Publicité
Les diaporamas photo sont un excellent moyen de montrer un groupe d'images sur un site Web. Il existe plusieurs façons d'afficher un tel diaporama. Tout d'abord, vous pouvez utiliser un service photo comme Flickr ou Picasa (version en ligne) pour regrouper vos photos et intégrer le résultat sur votre site.
Deuxièmement, vous pouvez créer un fichier vidéo de votre diaporama, le télécharger sur un site de partage de vidéos comme YouTube et intégrer la vidéo sur votre site.
Troisièmement, qui WebProjector rend si simple, héberge les fichiers images sur votre propre site et les affiche en quelque sorte dans un diaporama.
Comme je l'ai mentionné ci-dessus, WebProjector rend l'ajout d'un diaporama de photos à votre site Web très simple. Il utilise la technologie Flex et se résume à quelques étapes simples pour que le diaporama soit opérationnel.
Télécharger le fichier Zip
Visitez la page d'accueil et faites défiler jusqu'à l'endroit où il est dit "Télécharger"Et cliquez sur le lien intitulé" zip ".
Téléchargez le fichier, ouvrez-le et décompressez 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 ajouter vos photos et votre musique et quelques ajustements.
Obtenez vos photos en place
Vous remarquerez que dans le dossier, il existe un sous-dossier nommé "images. " Vous y trouverez des exemples d'images, mais vous souhaitez les remplacer par les vôtres. Supprimez-les simplement et collez-y les vôtres.
Lorsque nous modifions le fichier XML, nous nous assurons que les noms de fichiers de vos photos sont appelés à la place des exemples.
Mettez votre musique en place
En supposant que vous ayez votre propre MP3 que vous préférez jouer en arrière-plan, vous voudrez remplacer le MP3 par défaut par le vôtre. Vous voulez le moyen le plus simple? Renommez votre MP3 en «music.mp3» et copiez-le sur le fichier par défaut. C'est de la tarte.
Modifier le fichier projecteur.xml
S'ouvrir projecteur.xml dans un éditeur de texte pour une édition simple.
Ne vous inquiétez pas, tout ce que nous voulons modifier est étiqueté et pas si déroutant. Testez le diaporama en enregistrant le fichier XML et ouvrez le index.html fichier afin de voir les changements.
La première chose à laquelle vous voulez faire attention est les variables de hauteur maximale et de largeur maximale. Vous pouvez modifier ces nombres pour modifier la taille du diaporama. Il semble être en pixels, juste pour que vous le sachiez.
Vous pouvez ensuite modifier certains paramètres d'heure. Jouez un peu jusqu'à ce que vous les obteniez où vous les voulez. Vous pouvez modifier des choses telles que les durées de fondu d'entrée et de sortie et la durée de chaque diapositive elle-même.
Outre la possibilité d'afficher ou non le logo de démarrage, les prochaines variables que vous devez examiner contrôlent l'apparence des choses. Jouez avec la largeur de la bordure et certaines des couleurs qui apparaîtront. Vous devez cependant connaître le code hexadécimal de couleur. Ce sélecteur de couleurs devrait être en mesure de vous aider à trouver des codes hexadécimaux pour les couleurs que vous souhaitez.
Assurez-vous maintenant que le répertoire d'image et le nom du fichier MP3 sont corrects. Ajustez le réglage du son à votre guise. En plus de saisir les noms des photos dans l'ordre dans lequel vous souhaitez afficher les diapositives, vous êtes tous paramétrés avec le fichier XML.
Modifiez le index.html fichier pour modifier les mots qui apparaissent au-dessus du diaporama.
Vous pouvez mettre quelque chose expliquant le diaporama ou ce que vous voulez. Le défaut "Ceci est un exemple de page…"Doit juste aller.
Enregistrer et télécharger
La dernière étape rendra votre diaporama en direct. En utilisant quelque chose comme FileZilla, téléchargez tout le répertoire sur votre espace Web. Pour établir un lien vers celui-ci, créez un lien vers le répertoire ou le fichier index.html. Soit devrait vraiment le faire.
Alors voilà: votre propre diaporama hébergé dans votre propre espace Web (voici mon diaporama de test).
Je suis sûr que vous pourriez faire des trucs sympas comme implémenter le code HTML dans une autre page. Vous pouvez même créer une page de portfolio à partir du fichier HTML qui vous est fourni. Je viens de vous montrer les bases de sa configuration.
Dis moi ce que tu en penses WebProjector? Qu'utilisez-vous pour partager des diaporamas et pourquoi?
Je suis un gamin de 30 ans dans l'âme. Je travaille sur et sur des ordinateurs depuis le lycée. J'aime trouver de nouveaux sites intéressants qui sont utiles à tous les jours. J'aide et forme des gens sur des questions liées à la technologie depuis des années et je ne me vois pas m'arrêter de sitôt.