Les partenaires publicitaires:

Comment mettre en place la visionneuse

Lightbox utilise le Cadre Prototype et Scriptaculous Effets Bibliothèque pour produire un "lightbox" -comme effective pour des images et des galeries d'images sur des sites Web. Cet effet est superposée sur la page que vous consultez. Créé par Lokesh Dhakar, la visionneuse est dans sa deuxième version, à compter de mai 2011. Lightbox 2 permet de faciliter le regroupement des images pour les galeries et a amélioré les transitions d'images. Mise en place Lightbox nécessite peu plus que certains fichiers javascript et un peu de montage HTML simple.

Choses que vous devez

  • Logiciel client FTP
  • Code de logiciel de retouche

Instructions

    • 1

      Télécharger les fichiers depuis le site ma Lightbox 2 et les enregistrer sur votre bureau.

    • 2

      Double-cliquez sur le fichier compressé téléchargé. Cliquez sur "Extraire tous les fichiers" pour lancer l'assistant d'extraction.

    • 3

      Cliquez sur Suivant." Sélectionnez un emplacement sur votre ordinateur pour extraire les fichiers de ma à. Cliquez sur Suivant."

    • 4

      Cochez la case "Afficher les fichiers extraits". Cliquez sur "Terminer".

    • 5

      Téléchargez le "CSS", "JS" et "images" des dossiers dans le répertoire racine de votre site web.

    • 6

      Téléchargez l'image ou les images que vous souhaitez utiliser avec la visionneuse pour les "images" du dossier que vous avez téléchargé déjà.

    • 7



      Télécharger une page HTML que vous souhaitez utiliser la visionneuse sur l'utilisation de votre logiciel client FTP.

    • 8

      Ajoutez le code suivant dans le ""Et""Tags:

    • 9

      Ajoutez le code suivant à votre image juste avant que votre ""Balise dans votre page HTML:



      Si vous utilisez plusieurs images, ajouter un nom de groupe à l'élément "rel" comme suit:

      Image # 2

      Image # 3

    • 10

      Ajouter la balise de fermeture ""Immédiatement après votre code d'image.

    • 11

      Enregistrez votre page HTML et de le transférer à vos fichiers de site Web. Lightbox a maintenant été mis en œuvre sur cette page. Répétez les étapes 7 à 10 pour toutes les pages HTML supplémentaires qui doivent Lightbox ajouté.

Conseils Avertissements

  • Si vous utilisez plusieurs images vous avez besoin d'une seule image montrant sur la page. Les images suivantes peuvent être que sans liens ""Tags ou du texte.
  • Si vous avez déjà des dossiers dans votre répertoire racine avec les mêmes titres que les dossiers de ma, télécharger les fichiers de chaque dossier de la visionneuse vers les dossiers corrects dans vos fichiers de site Web.
» » » » Comment mettre en place la visionneuse