lightbox 2

zand3r · 16.12.2008

hi, ich weiß einfach nicht wie ich ne lightbox in die meine seite einbinden kann?
Lightbox 2

schon beim ersten schritt komme ich nicht weiter? wo in den header?

habe ein HTML homepage - geht es überhaupt damit?

danke

Weichzeichner · 16.12.2008

AW: lightbox 2

schon beim ersten schritt komme ich nicht weiter? wo in den header?

Na zwischen die beiden <head>-tags?!
Also so:

Code:

<head>
<title>Titel............</title>
<style type="text/css">
body { background-color:#000000; color:#E0E0E0 }
...
</style>
<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>
</head>
<body>
restlicher Inhalt der Seite...
...
</body>

Ansonsten würde ich mir mal das anschauen:
SELFHTML: HTML/XHTML

zand3r · 16.12.2008

AW: lightbox 2

super danke

jetzt funktioniert es
habe mal 3 bilder hinzugefügt.
jetzt stehen auf der html immer 3 links und wenn ich den ersten anklicke kann ich die andern 2 durch den weiterklick anschauen.

wie kann ich jetzt die ganzen bilder als kleine bilder anzeigen (nicht als links) und dann durch klick vergrößert es sich in die original größe ?

sokie · 16.12.2008

AW: lightbox 2

indem du im zwischen den <a ... > und </a> nicht einen text schreibst sondern das kleine Bild da einfügst:

Code:

<a href="..." ...><img src="vorschaubild1.jpg" /></a>

zand3r · 16.12.2008

AW: lightbox 2

ok danke
kann man dann nicht irgenwie ne angabe machen dass das origianlbild in einer gewählten pixelgröße anzeigt wird? (als vorschau) und beim klick wird es in der originalgröße angezeigt?

sokie · 16.12.2008

AW: lightbox 2

ja, das kannst du auch machen. Allerdings finde ich so etwas nicht wirlich sinnhaft, weil dadurch die darstellung der Vorschaubildes schlechter und die Ladezeiten der Seite länger werden:
zB

Code:

<a href="originalbild.jpg" ...><img src="originalbild.jpg" height="80" width="*"></a>

zand3r · 17.12.2008

AW: lightbox 2

die buttons und die bilder im firefox einen abstand haben zum banner, im internet explorer sind diese aber bündig ?
wie kann ich den fehler beheben?

mfg zand3r

sokie · 17.12.2008

AW: lightbox 2

da müsste man den entsprechenden Quelltext(link zur seite) haben

zand3r · 17.12.2008

AW: lightbox 2

brauchste link zur seite oder nur den quelltext?

beautyIAF · 17.12.2008

AW: lightbox 2

zand3r schrieb:
brauchste link zur seite oder nur den quelltext?

Ja mit dem Quelltext / Link zur Seite wäre geholfen!

zand3r · 18.12.2008

AW: lightbox 2

hier der link zur gallerie

hier der quelltext:
<!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-Language" content="de">
<title>Ortsfischereiverein Wilhermsdorf </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
</head>
<body bgcolor="#FFFFFF" background="http://www.psd-tutorials.de/modules/Forum/images/fv_02.jpg">

<div align="center">
 <table id="Tabelle_01" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img id="fv_01" src="http://www.psd-tutorials.de/modules/Forum/images/fv_01.jpg" width="800" height="16" alt="" /></td>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="16" alt="" /></td>
</tr>
<tr>
<td rowspan="18" width="39">
 </td>
<td colspan="4">
<img border="0" src="bildergalerie.jpg" width="722" height="133"></td>
<td rowspan="18" width="39">
<img id="fv_04" src="http://www.psd-tutorials.de/modules/Forum/images/fv_04.jpg" width="39" height="584" alt="" /></td>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="133" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="aa.jpg" width="722" height="29"></td>
<td rowspan="15" width="1">
</td>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td rowspan="14" background="http://www.psd-tutorials.de/modules/Forum/images/fv11_09.jpg" width="198" align="left" valign="top">
<p align="center">
<img border="0" src="saufkopfessen_verwaltung.jpg" width="188" height="33"><br>
<span style="font-size: 3pt"><br></span><img border="0" src="saufkopfessen_verwaltung.jpg" width="188" height="33"></td>
<td rowspan="14" background="backk.jpg" width="524" align="left" valign="top">
<p align="center">Text wird im Firefox weiter unten angezeigt , im
Internet Explorer ist er oben..?</td>
<td width="1" height="140">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="4" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="25" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="31" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="81" alt="" /></td>
</tr>
<tr>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="4" alt="" /></td>
</tr>
<tr>
<td colspan="3">
 </td>
<td width="1">
<img id="fv_24" src="http://www.psd-tutorials.de/modules/Forum/images/fv_24.jpg" width="1" height="15" alt="" /></td>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="15" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img id="fv_25" src="http://www.psd-tutorials.de/modules/Forum/images/fv_25.jpg" width="722" height="11" alt="" /></td>
<td width="1">
<img src="http://www.psd-tutorials.de/modules/Forum/images/Abstandhalter.gif" width="1" height="11" alt="" /></td>
</tr>
</table>
</div>

<br><br><p> </p>
</body>
</html>

sokie · 18.12.2008

AW: lightbox 2

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-Language" content="de">
<title>Ortsfischereiverein Wilhermsdorf </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
[B][COLOR=Blue]<style type="text/css">
*{ padding: 0;  margin: 0; }
</style>[/COLOR][/B]
</head>

der blaue code an der stelle in den Quelltext einfügen sollte das Problem lösen.

zand3r · 18.12.2008

AW: lightbox 2

ihr kranken leute

danke

funktioniert einwandfrei
da wäre ich nie im leben drauf gekommen

mfg zand3r

Weichzeichner · 18.12.2008

AW: lightbox 2

da wäre ich nie im leben drauf gekommen

SELFHTML: Stylesheets (CSS) soll helfen....

ihr kranken leute

Nicht krank sondern mit Ahnung......

maromedia84 · 18.12.2008

AW: lightbox 2

Weichzeichner schrieb:
SELFHTML: Stylesheets (CSS) soll helfen....

Nicht krank sondern mit Ahnung......

Oder sehr viel Ahnung! Echt klasse wie einem hier geholfen wird