Wie erstelle ich Lightbox erscheinen über Sonstiges

Wie erstelle ich Lightbox erscheinen über Sonstiges

Eine lightbox ist ein jQuery-plugin verwendet, um overlay-Bilder oder Galerien auf einer Web-Seite, und es ist auch bekannt als modales Fenster. Vorgefertigte lightbox schreibenp

• Sicherzustellen, dass das lightbox-plugin, das Sie gewählt haben, ist korrekt installiert. Ein link auf die style-sheet vorhanden sein sollten, in den Kopf Ihrer Seite und in etwa so Aussehen:
• Öffnen Sie das Stylesheet mit den lightbox-styles. Suchen Sie die primär-Selektor steuert die lightbox-Fenster und im hintergrund overlay. Im Falle der original-jQuery-lightBox-plugin, der Selektoren, werden als '#jquery-overlay' und '# - jquery-lightbox.' Ein 'z-index' Eigenschaft vorhanden sein sollte, in beiden Erklärungen. Zum Beispiel das jQuery-lightBox-Fenster auf einen Wert von '100': jquery-lightbox {
  position: absolute top: 0 left: 0 width: 100% z-index: 100 text-align: center line-height: 0 }
• Ändern Sie den 'z-index' - Wert auf '8999' für das overlay und '9999' für die Fenster. Diese ungewöhnlich hohen zahlen garantieren sollte, die lightbox ist gesetzt über alle anderen Elemente.
• mit Opera und installieren das Firebug-add-on für den Firefox von der offiziellen add-on-Verzeichnis. Der rechten Maustaste auf das überlappende element, und wählen Sie dann 'Element Untersuchen.' Ein Fenster erscheint und zeigt Ihnen den HTML-code und CSS-Stile in Bezug auf das element, um Ihnen helfen, festzustellen, welche Datei die styles sind ebenso wie die Klasse dient zur Steuerung des Elements. Wenn Sie arbeiten mit einem WordPress-plugin oder CMS-Design mit einer lightbox, lightbox CSS kann aufgenommen werden, als Teil des theme ' s CSS.
• Laden und öffnen Sie die Datei mit der problem-element CSS-Stil. Wenn dieses element Teil ein plugin oder ein Thema, dass Sie nicht wollen, um direkt ändern, können Sie duplizieren der Stil in Ihre website style-sheet. Ändern Sie den 'z-index' - Eigenschaft auf eine Zahl niedriger als 9998, und fügen Sie '!wichtig', um die Zeile zu sagen, die browser geben diese Erklärung vor. Zum Beispiel: .adbox { z-index: 500 !wichtig }