Comment configurer lightbox

<

Contenu

  • Conseils avertissements
    • article data-type="article">
    Lightbox utilise javascript pour afficher des images dans un pop-up

    Lightbox utilise le cadre Prototype et Scriptaculous Effects Library pour produire une "lightbox" -comme effet pour les images et galeries d`images sur des sites Web. Cet effet est superposée sur la page que vous consultez. Créé par Lokesh Dhakar, Lightbox est dans sa deuxième version, en mai 2011. Lightbox 2 permet de faciliter le regroupement d`images pour les galeries et a amélioré les transitions d`image. Configuration Lightbox nécessite peu plus que certains fichiers javascript et quelques modifications de HTML simple.

    Choses que vous devez

    • logiciel client FTP
    • logiciel de code d`édition

    • Télécharger les fichiers Lightbox du site Lightbox 2 et les enregistrer sur votre bureau.

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

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

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

    • Téléchargez le "css", "js" et "images" des dossiers dans le répertoire racine de votre site Web.




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

    • Télécharger une page HTML que vous souhaitez utiliser Lightbox sur l`utilisation de votre logiciel client FTP.

    • Ajoutez le code suivant dans le "" et "" Mots clés:

    • Ajoutez le code suivant à votre image juste avant votre ""Tag dans votre page HTML:

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

      Image # 2

      Image n ° 3

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

    • 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 ont besoin Lightbox ajouté.

    Conseils Avertissements

    • Si vous utilisez plusieurs images dont vous avez besoin d`une seule image afficher sur la page. Les images suivantes peuvent être des liens que sans ""balises ou du texte.
    • Si vous avez déjà des dossiers dans votre répertoire racine avec les mêmes titres que les dossiers Lightbox, télécharger les fichiers de chaque dossier Lightbox vers les dossiers corrects dans vos fichiers de site Web.
    Technologie / Web design & développement / Développement web

    AUTRES

    » » » » Comment configurer lightbox