mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:35 Benutzername: Passwort: Auto-Login

Thema: Lightbox in DW-Seite einfügen vom 03.11.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Lightbox in DW-Seite einfügen
Autor Nachricht
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 03.11.2010 15:11
Titel

Lightbox in DW-Seite einfügen

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,
was jetzt kommt kennt ihr bestimmt schon, ich trau mich aber trotzdem zu fragen weil ich keine passende Antwort im Forum gefunden habe.

Habe das Ligtbox Script in meine DW Seite eingebaut, funktioniert aber nicht. Hab wohl was falsch gemacht! Hätte auch gerne, dass nur ein Bild zu sehen ist auf dass man klickt, dann geht die Lightbox auf.

Hier der Code:
Code:

<!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>Bildergalerie</title>
<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
</script>
<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/lightbox.css" type="text/css" media="screen" />

</head>

<body>


<img src="Bilder/Bildergalerie_Pictures/img_nr1_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr1.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr2_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr2.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr3jpg_klein.jpg" width="113" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr3jpg.jpg'rel="lightbox[roadtrip]",'','width=370,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr4_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr4.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr5_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr5.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr6_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr6.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr7_klein.jpg" width="113" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr7.jpg'rel="lightbox[roadtrip]",'','width=375,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr8_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr8.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr9_klein.jpg" width="199" height="149" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr9.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr10_klein.jpg" width="101" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr10.jpg'rel="lightbox[roadtrip]",'','width=375,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr11_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr11.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr12_klein.jpg" width="200" height="149" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr12.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr13_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr13.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr14_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr14.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr15_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr15.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr16_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr16.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr17_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr17.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr18_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr18.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr19_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr19.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr20_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr20.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr21_klein.jpg" width="113" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr21.jpg'rel="lightbox[roadtrip]",'','width=375,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr22_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr22.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr23_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr23.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr24_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr24.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />
<img src="Bilder/Bildergalerie_Pictures/img_nr25_klein.jpg" width="200" height="150" onclick="MM_openBrWindow('Bilder/Bildergalerie_Pictures/img_nr25.jpg'rel="lightbox[roadtrip]",'','width=666,height=500')" />

</body>


</html>


Ihr wisst bestimmt bescheid.
  View user's profile Private Nachricht senden
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mi 03.11.2010 15:13
Titel

Antworten mit Zitat Zum Seitenanfang

Dein rel-Attribut steht innerhalb des onclick-Attributs des Bildes. onclick-Käse weg, <a href="..." rel="..."><img src=".." alt=".." /></a> und ab dafür.

Zuletzt bearbeitet von Zeithase am Mi 03.11.2010 15:14, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 03.11.2010 15:29
Titel

Antworten mit Zitat Zum Seitenanfang

So richtig?
Code:

<img src="Bilder/Bildergalerie_Pictures/img_nr1_klein.jpg" width="200" height="150" <a href="Bilder/Bildergalerie_Pictures/img_nr1.jpg"rel="lightbox[roadtrip]",'','width=666,height=500')" /><a/>
  View user's profile Private Nachricht senden
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mi 03.11.2010 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

Nein. Und jetzt beschäftige Dich bitte nochmal mit den einfachsten HTML-Grundlagen, bevor Du so etwas machst.
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 03.11.2010 15:32
Titel

Antworten mit Zitat Zum Seitenanfang

wie schon mal geschrieben ... bitte kauf die ein html buch^^

Code:

<a href="Bilder/Bildergalerie_Pictures/img_nr1.jpg" rel="lightbox[roadtrip]"><img src="Bilder/Bildergalerie_Pictures/img_nr1_klein.jpg" width="200" height="150" /></a>


Zuletzt bearbeitet von snuwie am Mi 03.11.2010 15:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Lightbox: Link einfügen ?
Lightbox richtig einfügen in eine von Magix erstelle HTML
Seite abdunkeln - wie Lightbox
so ähnlich wie lightbox, nur fest in der Seite eingebaut
bilder übers stylesheet in seite einfügen
Lightbox 2
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.