Connaissances Informatiques >> programmation >> Computer Programming Languages >> Content
  Derniers articles
  • Comment faire pour installer un pack…
  • Comment faire un script de pause dan…
  • Comment faire pour exécuter CScript…
  • Comment écrire un script permettant…
  • Comment résoudre une matrice en uti…
  • Comment envoyer un message en foncti…
  • Comment faire frontières graphique 
  • Qu'est-ce qu'une erreur d'exécution…
  • Comment puis- je accéder à mon VAR…
  • Comment fixer espacement de tabulati…
  •   Computer Programming Languages
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Computer Programming Languages

    Comment ajouter un Light Show à vos photos

    Ajout d'un spectacle son et lumière ou boîte à lumière à un site Web vous permet de visualiser des photos avec plus de clarté. Un utilisateur peut cliquer sur une image pour l'agrandir dans une fenêtre de boîte à lumière, qui se redimensionne en fonction de la taille de l'image . Lightbox est un outil efficace pour afficher d'énormes photos sans ralentir le temps de chargement , parce que vous serez à la place affichant les vignettes de vos photos réelles . L'utilisateur n'a pas besoin de quitter la page actuelle pour voir l'image en grand . Il peut simplement fermer l'image pour regarder une autre photo . Lightbox est construit en Javascript et peut être ajouté à un site Web en utilisant Javascript , Jquery ou un plugin Wordpress. Choses que vous devez
    Notepad
    Afficher plus Instructions
    Wordpress
    1

    Installer la Lightbox 2 plugin dans Wordpress. Aller à la zone d'administration du site et cliquez sur " Add New " dans le menu " Plugins" . Interroger par le texte «Lightbox 2. " Installez le premier plugin qui apparaît dans les résultats de recherche .
    2

    activer le plugin . Cette option apparaîtra sur la page une fois le plugin a été installé.
    3

    Ajouter des images à un poste dans votre blog.
    4

    Cliquez sur une image dans un poste et la boîte à lumière s'ouvre.
    Javascript
    5

    Télécharger The Lightbox 2 fichiers et installer sur le serveur (voir Ressources) .
    6

    Ouvrez un éditeur de texte comme Bloc-notes .
    7

    Créer un nouveau fichier HTML.
    8

    Ajouter les liens vers les fichiers bibliothèque JavaScript qui ont été téléchargés dans une étape précédente et des liens vers des photos: Photos

    Photos

    < scripts type = " text /javascript" src = " js /scriptaculous.js ? load = effets , constructeur "> Photos

    < script type = " text /javascript" src = " js /lightbox.js "> Photos

    image 1 Photos

    image 2

    image 3
    9

    Sauvegardez le fichier et lancez-le dans un navigateur. Cliquez sur le lien pour ouvrir l'image dans une boîte à lumière .
    JQuery
    10

    Télécharger les fichiers JQuery et les installer sur le serveur (voir Ressources) .

    11

    Ouvrez un éditeur de texte comme Bloc-notes et créer un nouveau fichier HTML
    12

    Ajouter des liens vers les fichiers CSS et JQuery et lien pour la photo : .

    Photos

    < script type = " text /javascript" src = " js /jquery . lightbox- 0.4.js "> Photos



    13

    Ajoutez le code JQuery , pour afficher la boîte de lumière lorsque la photo est cliqué:

     
    Article précédent:
    Article suivant:
    Articles recommandés
  • Comment utiliser un formulaire MDI en C # 
  • Comment définir Sessions d'attente en iFrame 
  • Les meilleurs endroits pour mettre NET de journaux d'application 
  • Comment faire pour convertir des données 3D à la 2D avec MATLAB 
  • Comment date dans SQL 
  • Comment créer un cadre à l'aide HTML Programmation 
  • Programmes de langues de l'Assemblée pour un PC IBM 
  • Comment insérer plusieurs lignes d' SPUFI 
  • Comment lire un utilisateur /variable d'environnement système utilisant VBScript 
  • Comment sortie portables Tailles 
  • Connaissances Informatiques © http://www.ordinateur.cc