Les partenaires publicitaires:

Comment créer des diaporamas web

Les diaporamas sont utilisés pour pratiquement tout type de contenu qui peut être affiché sur le Web, y compris les textes, images et vidéo. Web diaporamas étaient à un moment principalement construit en utilisant Flash, mais javascript ressources telles que jQuery ont récemment devenue si répandue que vous pouvez créer un attrayant, diaporama efficace sans avoir à utiliser un logiciel commercial. Utilisation de javascript pour votre diapositive montre signifie qu'ils seront accessibles aux personnes qui ne possèdent pas installé Flash Player, tels que ceux qui regardent votre site sur les appareils mobiles aussi.

Instructions

  1. 1

    Télécharger le script jQuery. Beaucoup de ressources javascript gratuits pour le Web diaporamas sont actuellement disponibles, mais la gamme jQuery est de loin le plus vaste. Vous pouvez apporter des modifications au code source si vous devez apporter des modifications parce que ces ressources sont conçues pour être flexible et adaptable. Après avoir téléchargé le script jQuery, le télécharger sur votre propre serveur Web et inclure un lien vers elle dans la tête des pages de votre site:

  2. 2

    Parcourir les ressources disponibles jQuery pour trouver un diaporama qui convient à vos besoins. Un grand nombre de plug-ins sont maintenant disponibles pour les diaporamas Web spectacles, et la plupart sont rapides et faciles à utiliser. Vérifiez la plage qui sont disponibles sur le site jQuery et sur d'autres sites. Beaucoup d'outils les plus utiles ne sont pas réellement répertoriés sur le site jQuery, bien qu'ils utilisent le script. Une fois que vous trouver un plug-in que vous voulez essayer, téléchargez-le et suivez les instructions incluses.

  3. 3

    Inclure le code jQuery nécessaire dans vos pages Web. Toujours suivre les instructions de votre ressource choisie, mais en général, vous aurez besoin d'inclure du code dans la tête des pages de votre site. Ce code sera soit un script lui-même ou un lien vers un script externe que vous devrez également télécharger sur votre serveur Web. Vous pouvez aussi avoir besoin d'inclure des ressources supplémentaires, tels que des images et du code CSS. Ce qui suit est un exemple de code jQuery dans la tête d'une page Web, en utilisant à la fois un script externe et le code dans la page actuelle:



    La "jquery.myslideshow.js" le script devrait être dans le même répertoire que la page Web.

  4. 4



    Préparer le contenu de vos pages Web pour l'affichage dans le diaporama. Assurez-vous que votre contenu de diaporama est prêt pour une utilisation par le recadrage des images, rédiger des textes et l'optimisation de la taille des fichiers. Vous aurez aussi besoin de se préparer spécifiquement pour la ressource jQuery vous utilisez. Ceci implique normalement de placer le contenu dans un emplacement spécifique par rapport à vos pages Web et de son référencement dans les pages grâce à la balise HTML spécifique, comme dans cet exemple:

    pic1

    pic2

    pic3

    Le plug-in jQuery dans ce cas seraient rechercher le document pour les éléments avec le "contenu" attribut de classe et de réaliser le "MySlideShow" fonction de leur contenu, trois images dans cet exemple.

  5. 5

    Changer le style de votre diaporama en fonction de votre style d'ensemble du site. Ne vous inquiétez pas si votre diaporama convient à vos besoins, mais n'a pas le style visuel droit parce que vous pouvez changer ce que vous avez après le script de diaporama installé. La plupart de ces ressources utilisent javascript en conjonction avec CSS, donc vous pouvez faire toutes les modifications nécessaires pour correspondre à votre style de site. Regardez le code CSS et de l'expérience en faisant des modifications, en vous assurant de garder une copie de tous les originaux dans le cas où le code cesse de travailler.

Conseils & Avertissements

  • Vous pourriez avoir à essayer plus d'un de la diapositive montre jQuery disponibles pour trouver celui qui vous convient parfaitement. Ne vous inquiétez pas, le processus devient plus facile, plus vous le faites.
  • Il ya une forte chance de votre diaporama se penchera significativement différente dans certains navigateurs Web, en particulier les plus âgés. Assurez-vous de le tester à fond.
» » » » Comment créer des diaporamas web