Lightbox est un script que vous pouvez utiliser pour superposer des images sur vos pages Web. Vous pouvez également superposer du texte si vous utilisez une version modifiée du script. Si vous ne souhaitez pas utiliser un script sur votre site iWeb , mais vous voulez toujours afficher lightbox- comme du texte , vous pouvez utiliser Cascading Style Sheets . La méthode CSS n'est pas aussi personnalisable que le script Lightbox réelle , mais il vous permettra d'afficher Lightbox- comme du texte et les images correctement . Choses que vous devez
Toutes les images dans un dossier
Afficher plus Instructions
1

Ouvert iWeb et de créer une nouvelle page , comme « introduction.html " . < Br > Page 2

choisir de publier le site sur votre disque dur et sélectionnez un dossier .
3

Créer un nouveau document texte dans le dossier dans lequel vous avez enregistré sur le site et nommez-le " lightbox.css " .
4

Ouvrez le document " lightbox.css " dans un éditeur de texte tel que Notepad ou Wordpad .
5

Copiez et collez le suivant le code dans le document, puis enregistrez et fermez le fichier : Photos

black_overlay { d'affichage : none ; poste : . absolue ; haut : 0%; gauche : 0%; width: 100% ; height: 100 % ; background- color: black; z -index: 1001; -moz -opacity : 0.8 ; opacité : .80 ; filtre: . alpha ( opacity = 80); }

white_content {display : none; position: absolute ; haut : 25%; gauche : 25%; largeur : 50%; hauteur : 50%; padding: 16px ; marge: solide orange 16px ; background-color : white ; z-index : 1002 ; overflow: auto;} < br > Photos 6

Ouvrez la page « introduction.html " dans le dossier où vous avez créé à l'aide de votre éditeur de texte.
7

Insérez cette ligne n'importe où entre le " "et" < /head> "tags pour charger le fichier CSS :

Copiez et collez le code suivant entre le " body " et " " balises à insérer lightbox -like texte:

Si vous voulez afficher une visionneuse , cliquez sur

id="light" class="white_content"> Ceci est le texte lightbox -like. Tout peut aller ici , y compris les images .

Remplacer " ce lien " dans le code de l'étape 8 avec l'élément que vous voulez que l'utilisateur cliquez pour afficher la visionneuse .
10

Remplacer " Ceci est le texte lightbox -like. Tout peut aller ici , y compris les images "avec votre lightbox- comme du texte. Vous pouvez même inclure des images . Lorsque l'utilisateur clique sur "Close ", la visionneuse ferme.
11

Sauvegardez et fermez le fichier " introduction.html " .

Article précédent： Drupal T fonction du texte
Article suivant： Comment faire un fichier FASTA sur un Mac