lightbox 2

zand3r · 16.12.2008

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

Bitte kostenlos registrieren, damit du die Links siehst.

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:

Bitte kostenlos registrieren, damit du die Links siehst.

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

Bitte kostenlos registrieren, damit du die Links siehst.

soll helfen....

ihr kranken leute

Nicht krank sondern mit Ahnung......

maromedia84 · 18.12.2008

AW: lightbox 2

Weichzeichner schrieb:
Bitte kostenlos registrieren, damit du die Links siehst.
soll helfen....

Nicht krank sondern mit Ahnung......

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