Hvordan får jeg min Lightbox Popup til senter på skjermen?

En lysbilde er Javascript-kode som kan brukes til å vise et bilde i en pop-up boks heller da et nytt vindu helt. Koden er skrevet slik at mange av funksjonene kan bli redigert, inkludert bildetekst, størrelse og posisjon. Som standard skal lightbox dukke opp i midten av skjermen. Hvis dette ikke fungerer, det er en måte å tvinge dette senteret posisjonering ved hjelp av CSS-koden.

Bruksanvisning

1 Last Lightbox fra Lightbox nettstedet. Denne nedlastingen vil inkludere Javascript-filer du trenger for å kjøre Lightbox, samt CSS-kode som kan brukes til å endre utseendet.

2 Åpne din tekstredigeringsprogram, for eksempel Notisblokk eller TextEdit. Velg "File" fra toppmenyen, og velg deretter "Open". Naviger til mappen du lastet ned Lightbox til, og klikk deretter på "lightbox.css" for å åpne denne filen. Dette vil åpne CSS stilark.

3 Finn delen thath begynner "#lightbox." Dette kontrollerer utseendet av boksen som kommer opp på skjermen. Etter "{" legg til koden:

stilling: fast;

top: 0;

venstre: 0;

Sørg for å lukke ut dette med "}". Dette vil gi lysbord en fast posisjon uansett hvilken nettleser den er på. "Topp" og "venstre" betegnelser mener det vil ikke flytte fra sentrum. Hvis du ønsker å flytte lysbord rundt, skriv positive eller negative verdier i "topp" og "venstre" feltene.

4 Lagre filen ved å klikke på "File" og deretter "Lagre". Last opp alle filene til webserveren din, og du vil være i stand til å bruke Lightbox med en popup fast på midten av skjermen hvor som helst på nettstedet ditt.

Hint

• Du kan også definere andre parametere for lysbord i din CSS-stilark, for eksempel fargen på boksen.