mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 00:10 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei jQuery lightbox vom 12.04.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Hilfe bei jQuery lightbox
Autor Nachricht
nocturnal
Threadersteller

Dabei seit: 18.12.2005
Ort: Berlin
Alter: 37
Geschlecht: Männlich
Verfasst Sa 12.04.2014 19:53
Titel

Hilfe bei jQuery lightbox

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Kartöffelchen

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst Sa 12.04.2014 20:50
Titel

Antworten mit Zitat Zum Seitenanfang

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="..."
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nocturnal
Threadersteller

Dabei seit: 18.12.2005
Ort: Berlin
Alter: 37
Geschlecht: Männlich
Verfasst Sa 12.04.2014 21:32
Titel

Antworten mit Zitat Zum Seitenanfang

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=>.
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Sa 12.04.2014 22:07
Titel

Antworten mit Zitat Zum Seitenanfang

Die Anwendung ist doch wohldokumentiert.
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Sa 12.04.2014 22:43
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 13.04.2014 00:56
Titel

Antworten mit Zitat Zum Seitenanfang

... was allerdings genau das ist, was Kartöffelchen angemerkt hatte.
  View user's profile Private Nachricht senden
nocturnal
Threadersteller

Dabei seit: 18.12.2005
Ort: Berlin
Alter: 37
Geschlecht: Männlich
Verfasst So 13.04.2014 02:23
Titel

Antworten mit Zitat Zum Seitenanfang

Habe nun eine Lösung gefunden. Danke für eure Mühe!
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Di 15.04.2014 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

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 Meine Güte!


Zuletzt bearbeitet von Alex am Di 15.04.2014 14:57, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.