Autor |
Nachricht |
nocturnal
Threadersteller
Dabei seit: 18.12.2005
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Sa 12.04.2014 18:53
Titel Hilfe bei jQuery lightbox |
|
|
Hallo zusammen,
ich versuche mühsam in das Thema jQuery einzusteingen. Gerade möchte ich eine Lightbox installieren.
Das Problem ist, dass sich das Bild nicht in der Lightbox, sondern als html öffnet.
Kann mir bitte jemand helfen?
Zitat: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
</head>
<body>
<a href="pics/test.jpg" rel="lightbox">image #1</a>
</body>
</html>
|
Beste Grüße
Andreas
|
|
|
|
|
Kartöffelchen
Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht:
|
Verfasst Sa 12.04.2014 19:50
Titel
|
|
|
Soweit ich das erkennen kann, hast du nicht mal das benötigte jQuery (akt. Version 1.11.0) an oberster Stelle der Skripte eingebunden, was wohl generell dafür benötigt wird.
Auch <a href="pics/test.jpg" rel="lightbox">image #1</a> läuft wohl ins Leere, da du mit a href nur auf das Bild verweist. Die richtige Wahl wäre hier <img src="..."
|
|
|
|
|
Anzeige
|
|
|
nocturnal
Threadersteller
Dabei seit: 18.12.2005
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst Sa 12.04.2014 20:32
Titel
|
|
|
Danke für deine Antwort!
Ich habe die aktuelle Version 1.11.0 eingebunden. Muss ich es anders vermerken?
Wenn man auf den Link klickt, sollte eigentlich die Lightbox erscheinen, deswegen <a href=>.
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Sa 12.04.2014 21:07
Titel
|
|
|
Die Anwendung ist doch wohldokumentiert.
|
|
|
|
|
Alex
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 38
Geschlecht:
|
Verfasst Sa 12.04.2014 21:43
Titel
|
|
|
Wichtigster Tip:
Höre nicht auf Kartöffelchen!
Der Link den du gebaut hast ist schon richtig so...
Dir fehlt schlichtweg die jQuery Library bevor du das Lightbox Plugin einbindest.
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 12.04.2014 23:56
Titel
|
|
|
... was allerdings genau das ist, was Kartöffelchen angemerkt hatte.
|
|
|
|
|
nocturnal
Threadersteller
Dabei seit: 18.12.2005
Ort: Berlin
Alter: 38
Geschlecht:
|
Verfasst So 13.04.2014 01:23
Titel
|
|
|
Habe nun eine Lösung gefunden. Danke für eure Mühe!
|
|
|
|
|
Alex
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 38
Geschlecht:
|
Verfasst Di 15.04.2014 13:56
Titel
|
|
|
bacon hat geschrieben: | ... was allerdings genau das ist, was Kartöffelchen angemerkt hatte. |
Hast recht, ich meinte diesen Teil mit "nicht drauf hören":
Kartöffelchen hat geschrieben: | Auch <a href="pics/test.jpg" rel="lightbox">image #1</a> läuft wohl ins Leere, da du mit a href nur auf das Bild verweist. Die richtige Wahl wäre hier <img src="..." |
Meiner Erfahrung nach kann man diesen Tip trotzdem auf 99% seiner Aussagen beziehen
Zuletzt bearbeitet von Alex am Di 15.04.2014 13:57, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Lightbox VS. JQuery
Parameter in der URL für Lightbox /JQuery
jquery lightbox - magnific popup
JQuery und lightbox - Image Zoom funktioniert nicht
jquery - hide content in jquery object
jQuery Plugin - Slider als Input wie in jQuery UI
|
|