| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Light Box Tutorial
    Lightbox est un javascript révolutionnaire qui vous permet de visualiser des images , des vidéos ou même une page Web entière en une superposition semi- transparente sur un site Web. Il existe de nombreuses versions et adaptations de Lightbox , mais ils sont tous calqués sur Lightbox JS , qui a été écrit à l'origine par Lokesh Dhakar . Bien Lightbox JS peut apparaître déroutant pour un non - programmeur , il peut effectivement être mis en place assez facilement avec quelques instructions. Mise Lightbox

    acquérir les fichiers appropriés . Il existe plusieurs versions de la Visionneuse d'origine et chacun est adapté à un ensemble particulier de besoins. Si vous utilisez la Visionneuse juste pour afficher des images , télécharger des fichiers pour ma JS 2. Si vous souhaitez afficher des pages web dans des Dossiers Personnels , il ya un paquet appelé Lightbox Gone Wild qui est configuré pour cela. Si vous éprouvez des difficultés à obtenir Lightbox JS 2 afin de fonctionner sur votre serveur web , essayez d'utiliser la Visionneuse Plus.
    En utilisant une lightbox JS 2

    Lighbox JS 2 est disponible en téléchargement gratuitement à HuddleTogether.com et le fichier zip contient tout ce que vous devez avoir visionneuses de votre site. Une fois que vous avez téléchargé et décompressé les fichiers , créez un dossier pour les fichiers de ma sur votre serveur web. Ouvrez la page Web que vous souhaitez avoir Lightbox travailler sur - par exemple index.html - et insérez le code suivant dans votre tête :

    "< - Début LightboxJS2 -> < script type = " text /javascript" src = " http://www.example.com/prototype.js "> < script type =" text /javascript " src =" http://www.example.com/scriptaculous.js?load = effets "> "

    Ajuster les répertoires en fonction de votre structure de répertoire. Suivant ouvrir les Lightbox.cs de fichiers et aller à la fin du document. Modifier les chemins pour prev.gif et next.gif pour correspondre à la structure de votre répertoire. Faites la même chose dans lightbox.js pour loading.gif et close.gif . Maintenant télécharger les fichiers dans votre répertoire Lightbox sur votre serveur web. Lightbox est maintenant prêt à être utilisé sur votre site.

    Pour utiliser lightbox Vous devez appeler le script. Le script Lightbox est appelé par une combinaison de la référence de lien hypertexte et image balises HTML. Il suffit d'utiliser l'exemple ci-dessous pour insérer une image qui fonctionne comme une visionneuse :

    " "

    Si vous appelez plusieurs images sur un site web la page de cette façon , vous serez en mesure de naviguer dans la Lightbox en utilisant les boutons précédent et suivant .

    Previous :

    next :
      articles connexes
    ·Comment charger un DIV Into Another DIV dynamiquement 
    ·Comment analyser une chaîne de requête dans JavaScrip…
    ·Comment installer le SDK JavaScript Facebook 
    ·Comment utiliser JavaScript HREF Liens 
    ·Comment inverser Valeur booléenne en JavaScript 
    ·Comment faire pour afficher le texte sur Rollover 
    ·Comment utiliser NetBeans pour déboguer MATLAB 
    ·Comment cocher Windows Autorisations de partage réseau…
    ·Comment modifier les CSS avec JavaScript 
    ·Comment afficher XML avec JavaScript 
      articles en vedette
    ·Comment écrire un programme C pour Trouver la série d…
    ·Comment modifier un fichier OCX 
    ·Comment faire pour déboguer les problèmes de corrupti…
    ·Comment convertir les caractères Java de minuscules en…
    ·Qu'est-ce que JavaScript Do 
    ·Comment faire une méthode utilisant JDBC 
    ·Comment lire un fichier délimité par des tabulations …
    ·FAQ sur les politiques PHP 
    ·Comment modifier un fichier WAB 
    ·Comment ignore la ponctuation en Java 
    Copyright © Connaissances Informatiques http://fr.wingwit.com