Autor |
Nachricht |
Skyrider3450
Threadersteller
Dabei seit: 17.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 17.01.2011 22:05
Titel Lightbox richtig einfügen in eine von Magix erstelle HTML |
|
|
Hallo,
ich habe ein großes Problem.
Ich habe eine Homepage mit Magix Xtreme Webdesigner 5 erstellt.
Jetzt möchte ich die Lightbox von Lokesh Dhakar in meine Homepage einfügen.
Nur, leider klappt es nicht so, wie ich das möchte.
Die Miniaturansichten werden zwar angezeigt und können auch geöffnet werden,
aber sie sind Links am Rand Senkrecht angeordnet.
Ich hätte sie gerne Zentriert in der Mitte.
Kann mir evtl. einer sagen, in welchen </Span> die Bilder eingefügt werden müssen, bzw. es mir eben mal erstellen?
Hab die *html mal angehängt, die Codes als codes.txt beigefügt und alles VIRENfrei als "Lightboxdateien.rar" gepackt.
http://ul.to/9z5xrv
Ich bin noch Blutiger Anfänger, aber dankbar, für jede Hilfe!
Grüße
[Thema verschoben von 'Wie macht man ...']
Zuletzt bearbeitet von Kash am Di 18.01.2011 10:43, insgesamt 1-mal bearbeitet
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.01.2011 09:25
Titel
|
|
|
wie wäre es, wenn du den code hier einfach postest?
|
|
|
|
|
Anzeige
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Di 18.01.2011 10:42
Titel
|
|
|
snuwie hat geschrieben: | wie wäre es, wenn du den code hier einfach postest? |
dito, code posten - wenigstens als komplette Seite hochladen und nicht als packet...
|
|
|
|
|
Skyrider3450
Threadersteller
Dabei seit: 17.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.01.2011 14:49
Titel
|
|
|
Codes kann man das nicht nennen, das sind die :
Code: | Codes:
<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"
Bilder:
<a href="Bilder/13.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/13-kl.jpg" width="150" height="97" />
</a>
<a href="Bilder/14.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/14-kl.jpg" width="129" height="97" />
</a>
<a href="Bilder/15.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/15-kl.jpg" width="129" height="97" />
</a>
<a href="Bilder/16.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/16-kl.jpg" width="73" height="97" />
</a>
<a href="Bilder/17.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/17-kl.jpg" width="73" height="97" />
</a>
<a href="Bilder/19.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/19-kl.jpg" width="150" height="97" />
</a>
<a href="Bilder/315.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/315-kl.jpg" width="150" height="97" />
</a>Codes:
<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"
Bilder:
<a href="Bilder/13.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/13-kl.jpg" width="150" height="97" />
</a>
<a href="Bilder/14.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/14-kl.jpg" width="129" height="97" />
</a>
<a href="Bilder/15.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/15-kl.jpg" width="129" height="97" />
</a>
<a href="Bilder/16.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/16-kl.jpg" width="73" height="97" />
</a>
<a href="Bilder/17.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/17-kl.jpg" width="73" height="97" />
</a>
<a href="Bilder/19.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/19-kl.jpg" width="150" height="97" />
</a>
<a href="Bilder/315.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/315-kl.jpg" width="150" height="97" />
</a> |
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.01.2011 15:20
Titel
|
|
|
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
==========
<a href="Bilder/14.jpg" rel="lightbox[Gartenbau und Pflege Schuetz]">
<img src="Bilder/14-kl.jpg" width="129" height="97" />
</a>
ich denke nicht, dass das so geht ... lösch mal die leerzeichen ...
Zuletzt bearbeitet von snuwie am Di 18.01.2011 15:20, insgesamt 1-mal bearbeitet
|
|
|
|
|
Dis
Dabei seit: 09.09.2003
Ort: München
Alter: 43
Geschlecht:
|
Verfasst Di 18.01.2011 15:23
Titel
|
|
|
<a href="Bilder/14.jpg" rel="lightbox[roadtrip]" title="Gartenbau und Pflege Schuetz">
<img src="Bilder/14-kl.jpg" width="129" height="97" />
</a>
|
|
|
|
|
Skyrider3450
Threadersteller
Dabei seit: 17.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.01.2011 18:59
Titel
|
|
|
gehen tut es, aber das Problem ist, dass ich die Position nicht wirklich dahin bekomme, wo ich sie hinhaben möchte.
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.01.2011 23:01
Titel
|
|
|
dann poste doch bitte mal den kompletten html und den kompletten css code ...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Lightbox: Link einfügen ?
Lightbox in DW-Seite einfügen
Wie erstelle ich ein Gästebuch in HTML?
Lightbox Popup mit HTML-Inhalt
html / JavaScript, roll over mit Lightbox verwenden?
Bilder in Html einfügen?
|
|