| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringssprog
  • Delphi programmering
  • Java programmering
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl programmering
  • Python Programming
  • Ruby Programming
  • Visual Basics Programmering
  •  
    Computer Viden >> Programmering >> JavaScript Programmering >> Content
    Sådan bruges en Lightbox i JavaScript
    Lysbord er en JavaScript script, som du kan bruge på dine websider. I stedet for at åbne en klikkede billede på en helt ny webside, overlejrer Lysbord det klikkede billede på toppen af ​​aktuelle webside , dæmpning den aktuelle side i baggrunden. Du kan bruge Lysbord på dine websider ved at downloade Lysbord script , CSS og billedfiler , og derefter placere dem på din webserver . Efter herunder Lightbox scripts og CSS-fil på din side overskrift , kan du bruge Lysbord for et billede link ved at tilføje en attribut til billedets linket. Instruktioner
    1

    Download Lysbord zip -fil fra LokeshDhakar.com . Placer den medfølgende " css ", " billeder " og " js " mapper på din webserver .
    2

    Åbn din webside HTML-kildekode i en teksteditor .
    < Br > 3

    Tilføj følgende linjer til sidens header , mellem " " og " " tags i kildekoden : Hej

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



    < link rel = " stylesheet " href =" css /lightbox.css "type =" text /css " media =" screen "/>
    4

    Brug Lysbord for et billede link ved at tilføje " rel = " lightbox "" ejendom til ethvert billede link tag i koden . For eksempel opretter følgende tag et link med navnet " Link ", der åbner " example.jpg " image i " billeder " mappe en Lightbox ruden med titlen "Titel" : Hej

    < a href = " billeder /example.jpg " rel = " lightbox " title = "Titel" > Link
    5

    Gem HTML-kildekoden fil og overføre den til din webserver . < br >

    Forrige :

    næste :
      Relaterede artikler
    ·Sådan Pass Javascript Variabel til Coldfusion 
    ·Sådan får du adgang til Accelerometer Via Javascript …
    ·Javascript Gallery Tutorial 
    ·Sådan Gør din egen funktion i jQuery 
    ·Sådan Skjul Javascript Checkbox 
    ·Sådan ændres HTML baggrundsfarve med en prompt i Java…
    ·Sådan tilføjes flere numre ved hjælp af JavaScript 
    ·IE 8 JavaScript Ugyldig Pointer Fejl 
    ·Sådan deaktiverer Print Screen JavaScript 
    ·Sådan Konverter numre til ord i Javascript 
      Anbefalede Artikler
    ·Sådan ændres Hvor NetBeans Gemmer Projekt 
    ·Hvordan man laver en Textbox Display Afhængig en liste…
    ·Hvordan man undgår Javascript Void 
    ·Sådan genkender en Windows bruger Med ASP 
    ·Sådan Test for numrene med Python 
    ·Sådan bruges Regular Expressions med Javascript 
    ·Sådan kører en proces på en Remote PC Med WMI 
    ·Sådan Split Apart URL'er i Perl 
    ·Sådan Begræns decimal i C Language 
    ·Sådan bruges variabler med en InStr Funktion i Access 
    Copyright © Computer Viden http://www.computerdk.com