• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Absoluter Anfänger!

F

farmer14

Neues Mitglied
Hey Leute,

ich bin ein absoluter Anfänger im Bereich HTML/Javascript. Ich hoffe mal, ich stelle meine Frage im richtigen Unterforum, wenn nicht möge ein Moderator dies doch bitte ändern.
Und zwar muss ich zur Zeit in HTML eine Webseite erstellen. Nach einigen Umsehen hab ich gesehen, dass Lightbox perfekt wäre für meine Galerie. Also erstmal installiert und die Tipps einer Seite befolgt. Doch nun muss ich in meinen Head ausser den Javascripten noch dies einsetzen: <link href="css/lightbox.css" rel="stylesheet" /> . Doch wenn ich das mache, müsste ich ja auch mein <link rel="stylesheet" href="css/webseite.css" type="text/css" /> entfernen und somit verschwindet das Design meiner ganzen Webseite. :/ Jetzt wollte ich fragen, wie ich Lightbox benutze und trotzdem mein Design beibehalte.

Schonmal vielen Dank
Newbie farmer
 
Das Design behältst Du, indem Du einfach mehrere stylesheets einbindest, also das für die lightbox und auch Deins.

Gruß thuemmy
 
Indem Du den Verweis auf Dein CSS im HTML-Dokument belässt und den Verweis für das lightbox-CSS zusätzlich einfügst.
 
Hm irgendwie klappt das nicht so ganz. Also ich hab jetzt die beiden css-Dateien von lightbox mit in meinen ordner eingefügt und in dem Ordner allgemein für die Webseite die Unterordner "images" und js.
Mein Head sieht so aus:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Till Lindemann</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/webseite.css" type="text/css" />
<link href="css/lightbox.css" rel="stylesheet" />
<style>
a { text-decoration: none; }
</style>
</head>

<body>


Und das ist der Bildverweis:
<a href="img/Till1-gr.jpg" rel"lightbox" title="Till1">
<img src="img/Till1-kl.jpg">

Wenn ich jetzt auf mein kleines Bild öffne wird zwar das große geöffnet, aber nicht mit dem erhofften Effekt sondern auf einer neuen Seite.
 
Richtig, und wie auf der Seite beschrieben, muss der Verweis zu jQuery vor dem lightbox-Verweis sein. Ich gehe davon aus, dass jQuery auch in dem Download der lightbox enthalten war und jetzt in Deinem js-Ordern liegt.
 
Dem Code nach zu urteilen handelt es sich eben nicht um das genannte Lightbox-Skript (jQuery), sondern um eines, dass auf prototype basiert. Da nützt es auch wenig, jQuery einzubinden.
Meine Empfehlung wäre daher, tatsächlich das Package auf der verlinkten Seite herunterzuladen und die entsprechenden Dateien gemäß Anleitung einzubinden, dann kommen auch keine Versionen durcheinander.

edit: Sehe gerade, dass das genannte Skript erst vor kuruem von Prototype auf jQuery gewechselt ist. Von daher wie gehabt: aktuelle Version (jQuery) verwenden und Prototype rauswerfen
 
Ganz vielen lieben Danke an euch, ihr habt mir wirklich geholfen! :-)
Und nachdem ich dann auch noch das vergessene Gleichheitszeichen eingefügt habe, läuft alles perfekt!
 
farmer14 schrieb:
Und nachdem ich dann auch noch das vergessene Gleichheitszeichen eingefügt habe, läuft alles perfekt!
Zum Vergrößern anklicken....
Tatsächlich, das war mir nicht aufgefallen. Trotzdem würde ich empfehlen (falls du es nicht schon gemacht hast) auf die jQuery-Version deiner Lightbox zu wechseln, falls du (später) noch andere JS-Spielereien verwenden willst. Viele vorgefertigen PlugIns basieren ebenfalls auf jQuery, d.h. du muss nur ein (statt 2) Frameworks einbinden
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben