lightbox richtig in homepage einbinden

ludgerf321

Hi,

ich habe mir vor einiger Zeit den lightbox JS v2.0 download gedownloadet.
Nun weiss ich nicht wie ich die lightbox richtig in meine homepage einbauen kann.
Ich habe mir die Anleitung genau durchgelesen, habe es aber nicht hinbekommen.
Kann mir einer sagen, wie ich das genau machen muss?? Und muss ich die Bilder auch voher auf meinen Webspace laden???

Ludgerf321

synaptic

also generell gilt, daß das komplette filesystem verfügbar sein muss, bevor du es testen kannst.. aber hab selber noch net mit lightbox gearbeitet...
haste nen link zur doku oder sowas??

gelöschter User

eigentlich musst du nur alle files uploaden und dann den code einbinden der dort auf der downloadseite steht dann natürlich noch die Pfade für die bilder anpassen ....

mfg

ludgerf321

synaptic
ich weiss nich genau was du meinst, aber von der sEite hab ich das:
http://www.huddletogether.com/projects/lightbox2/
Muss ich die Bilder dann seperat hochladen und die url einbinden??
Weil in dem beispiel geben die nur den bildnamen,also z.b. "test.jpg",ein.

synaptic

also lad die files in deinen webspace hoch und füge den entsprechenden pfad ein.
das geht mit nem relativen pfad und nem absoluten

gelöschter User

Zitat von Josi

eigentlich musst du nur alle files uploaden und dann den code einbinden der dort auf der downloadseite steht dann natürlich noch die Pfade für die bilder anpassen ....

mfg

Da oben steht alles du musst nur den pfad vom bild einfügen...

mfg

ludgerf321

ja aber dann kommt nur folgendes raus:
http://ab-sofort-erfolg.de/test.html

synaptic

Zitat

Part 1 - Setup

1. Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order).

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

2. Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

3. Check the CSS and make sure the referenced prev.gif and next.gif files are in the right location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location.

Part 2 - Activate

1. Add a rel="lightbox" attribute to any link tag to activate the lightbox. For example:

image #1

Optional: Use the title attribute if you want to show a caption.
2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

image #1
image #2
image #3

No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

Alles anzeigen

wassn daran so schwer?

yeti66

ludgerf321,

vielleicht hilft Dir das weiter:

So sieht die Einbindung im Link aus.....

Code

[url='img/stone20.jpg'][img]img/image020.gif[/img][/url]


              Alabasterkugel
von Appenrode/Harz

und im <head> werden die script-links eingebettet:

Code

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Ansehen kannst Du Dir es hier: http://www.harz-achat.de/achate.html .

P.S.: Oh, ich habe synaptic übersehen. Naja kommt ja mal vor,sorry.

gelöschter User

Zitat von ludgerf321

ja aber dann kommt nur folgendes raus:
http://ab-sofort-erfolg.de/test.html

tzja dann haste wohl falsch verlinkt...

mfg

LuNeX

ich habe mal versucht eine kleine Anleitung zu machen, wie ich das für meiner HP gemacht habe.

Vielleicht hift dir das.

http://www.lutz-nelde.de/lightbox-tutorial/tutorial.htm oder alternativ

http://blog.lutz-nelde.de/2008/01/12/tut…epage/#more-192

theRiddler

Also du hast auf deiner Site die Pfade nicht richtig angegeben :

wenn man die Pfade die du für die Bilder benutz so eingibt ist die datei nicht vorhanden...

Also da musst du nur die Pfade mal checken und natürlich auch so wie hier schon viele sagten alles hochladen...

LuNeX

so ich habe alles komplett neu gemacht. Es sollte nun auch alles richtig und nachvollziehbar sein.

Falls trotzdem noch jemand was findet, was nicht in Ordnung ist, haut es mir um die Ohren

Link zur Seite: http://www.lutz-nelde.de/lightbox-tutorial/tutorial.htm

alternativ auch hier: http://blog.lutz-nelde.de/2008/01/12/tut…epage/#more-192

Beispielseite: http://www.lutz-nelde.de/lightbox-tutorial/beispiel.htm[/url]

Unregistriert

Hi, ich bastel gerade an meiner HP und habe ein Problem bei der lightbox. Die Seite ist noch nicht online. Hoffe ihr könnt mir helfen.

Mein Problem. Der Schatten der Lightbox geht nicht bis zum rechten Rand.

Der CSS Code... ich habe gelesen das man bei dem CSS Code was ändern muss:

..............................
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0; }
#imageContainer{ padding: 0; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

...................................

Danke für eure Mühe....

Grevas

Ohne deine Seite anschauen zu können / quellcode kann man dir nur damit nicht weiterhelfen...

Unregistriert

Heißt das dann das ich den Quell Code von der Seite ändern muss auf der die Bilder zur Auswahl stehen. Ich habe gelesen das der CSS Code bearbeitet werden müsste um dieses Problem zu beheben???

Grevas

Standardmäßig zieht sich der overlay automatisch auf die maximale höhe & breite, außer du meinst IE6 oder 7, damit hatte ich auch probleme und hab es in dem fall einfach ausgeschaltet. Im Firefox funktionierts bei mir nämlich - ich tippe einfach darauf, dass du irgendwo ein Fehler hast.

Unregistriert

Ich habe mal rumprobiert und die lösung gefunden.

aber schau lieber nochmal rein.... bitte nehme Rücksicht auf mein Quellcode. Ich bin Autodidakt und die Seite habe ich mit DW selbst erstellt. Die Metas habe ich bewusst weggelassen.... muss nicht jeder wissen wer hier seine Seite so deletantisch bastelt.

Der Code:
........................

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">


<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}




}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.Stil8 {    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
}
-->
</style>
<link href="../fußnote.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
    color: #9F0000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #9F0000;
}
a:hover {
    text-decoration: none;
    color: #CBA26E;
}
a:active {
    text-decoration: none;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
body {
    background-color: #EBE2D1;
}
body{
    margin: 0;
    padding: 0;
    background-color: #DDCBB9;
}
.Stil1 {color: #666666}
.Stil2 {font-size: 16px}
.Stil3 {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 18px;
}
.Stil8 {font-family: "Times New Roman", Times, serif;
    font-size: 24px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('../bilder/Startseite-gol.jpg','../bilder/Galerien-sch.jpg','../bilder/Shop-gol.jpg','bilder/Pferde-gol.jpg','bilder/Hunde-gol.jpg','bilder/Sonstiges-gol.jpg','bilder/Natur-gol.jpg','bilder/Personen-gol.jpg','bilder/Babys-Kinder-gol.jpg','bilder/Katzen-gol.jpg')">
<div align="center">
  <table width="864" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" bgcolor="#D4D0C8">
<td width="873" height="209" valign="top" bordercolor="#333333" bgcolor="#FFFFFF" background-repeat:"no-repeat";><img src="../bilder/Banner-neu.jpg" width="864" height="258"></td>
      <tr bgcolor="#FFFFFF" class="navi">
<td height="30" align="left" valign="middle" bordercolor="#333333"><a href="../index.htm" target="_self" onMouseOver="MM_swapImage('Startseite','','../bilder/Startseite-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Startseite-sch.jpg" name="Startseite" width="95" height="45" border="0"></a><a href="../galerien.htm" target="_self" onMouseOver="MM_swapImage('Galerien','','../bilder/Galerien-sch.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Galerien-gol.jpg" name="Galerien" width="74" height="45" border="0"></a><a href="../maltechniken.htm" target="_self" onMouseOver="MM_swapImage('Maltechniken','','../bilder/Maltechniken-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Maltechniken-sch.jpg" name="Maltechniken" width="108" height="45" border="0"></a><a href="../portraitauftrag.htm" target="_self" onMouseOver="MM_swapImage('Portraitauftrag','','../bilder/Portraitauftrag-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Portraitauftrag-sch.jpg" name="Portraitauftrag" width="114" height="45" border="0"></a><a href="../preise.htm" target="_self" onMouseOver="MM_swapImage('Preise','','../bilder/Preise-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Preise-sch.jpg" name="Preise" width="57" height="45" border="0"></a><a href="../kunstdrucke.htm" target="_self" onMouseOver="MM_swapImage('Image19','','../bilder/Shop-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Shop-sch.jpg" name="Image19" width="101" height="45" border="0"></a><a href="../zur-kuenstlerin.htm" target="_self" onMouseOver="MM_swapImage('Zur Kuenstlerin','','../bilder/Zur%20Kuenstlerin-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Zur%20Kuenstlerin-sch.jpg" name="Zur Kuenstlerin" width="116" height="45" border="0"></a><a href="../neues.htm" target="_self" onMouseOver="MM_swapImage('Neues','','../bilder/Neues-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Neues-sch.jpg" name="Neues" width="56" height="45" border="0"></a><a href="../links.htm" target="_self" onMouseOver="MM_swapImage('Links','','../bilder/Links-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Links-sch.jpg" name="Links" width="54" height="45" border="0"></a><a href="../kontakt.htm" target="_self" onMouseOver="MM_swapImage('Kontakt','','../bilder/Kontakt-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="../bilder/Kontakt-sch.jpg" name="Kontakt" width="88" height="45" border="0"></a></td>
      </tr>
    <tr>
      <td align="left" bordercolor="#999999" bgcolor="#FFFFFF"><blockquote>
        <p><br>
          <span class="Stil8">Pferdeportraits in Aquarell, Bleistift und &Ouml;l </span></p>
<p>Die Bilder zum Vergr&ouml;&szlig;ern einfach anklicken. Beim dr&uuml;ber fahren mit der Maus erscheinen Schaltfl&auml;chen die zu dem n&auml;chsten Bild leiten. So k&ouml;nnen Sie die Bilder nach ein ander ansehen. </p>
        <p><br>
        </blockquote>
        <table width="864" border="0" cellspacing="0" cellpadding="0">
          <tr>
<td width="109" rowspan="2"><p><a href="pferde-1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Pferde','','bilder/Pferde-gol.jpg',1)"><img src="bilder/Pferde-sch.jpg" name="Pferde" width="109" height="20" border="0"></a><a href="hunde.htm" target="_self" onMouseOver="MM_swapImage('Hunde','','bilder/Hunde-gol.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="bilder/Hunde-sch.jpg" name="Hunde" width="109" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Katzen','','bilder/Katzen-gol.jpg',1)"><img src="bilder/Katzen-sch.jpg" name="Katzen" width="109" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Babys-Kinder','','bilder/Babys-Kinder-gol.jpg',1)"><img src="bilder/Babys-Kinder-sch.jpg" name="Babys-Kinder" width="109" height="37" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Personen','','bilder/Personen-gol.jpg',1)"><img src="bilder/Personen-sch.jpg" name="Personen" width="109" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Natur','','bilder/Natur-gol.jpg',1)"><img src="bilder/Natur-sch.jpg" name="Natur" width="109" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Sonstiges','','bilder/Sonstiges-gol.jpg',1)"><img src="bilder/Sonstiges-sch.jpg" name="Sonstiges" width="109" height="20" border="0"></a></p> </td>
<td height="157" valign="top"><div align="right"><span class="Stil2"></span></div> <div align="center"><span class="Stil2"></span></div> <div align="center"><span class="Stil2"></span>
              <table width="593" border="0" cellspacing="0" cellpadding="0">
                <tr>
<td width="206" height="101"><div align="center"><span class="Stil2"><a href="bilder/Champion%20de%20Lys.jpg" rel="lightbox[roadtrip]"title="Champion de Lys in Bleistift, 50 x 70 cm"><img src="bilder/Champion%20de%20lys-thumb.jpg" alt="Champion de Lys" width="206" height="158" border="0" style="border: 0px solid ;" title="Campion de Lys"></a></span></div></td>
<td width="129"><div align="center"><span class="Stil2"><a href="bilder/Pieter.jpg" rel="lightbox[roadtrip]"title="Friese in Aquarell, 24 x 30 cm"><img src="bilder/Pieter-thumb.jpg" alt="Friese" width="129" height="158" border="0" style="border: 0px solid ;" title="Friese"></a></span></div></td>
<td width="129"><div align="center"><span class="Stil2"><a href="bilder/Amigo.jpg" rel="lightbox[roadtrip]"title="Hispano-Araber in Bleistift, 24 x 30 cm"><img src="bilder/Amigo-thumb.jpg" alt="Hispano-Araber" width="129" height="158" border="0" style="border: 0px solid ;" title="Hispano-Araber"></a></span></div></td>
<td width="129"><div align="center"><span class="Stil2"><a href="bilder/Schimmel-Jacobi.jpg" rel="lightbox[roadtrip]"title="Deutsches Warmblut in Bleistift, Portraitauftrag, 40 x 50 cm. "><img src="bilder/Schimmel-Jacobi-thumb.jpg" alt="Warmblut" width="129" height="158" border="0" style="border: 0px solid ;" title="Warmblut"></a></span></div></td>
                </tr>
              </table>
            </div></td>
          </tr>
          <tr>
            <td height="158" valign="bottom"><div align="right"></div>              <div align="center">
              <div align="center"><span class="Stil2"></span>
                  <table width="593" border="0" cellspacing="0" cellpadding="0">
                    <tr>
<td width="129" height="150"><div align="center"><span class="Stil2"><a href="bilder/Duncan.jpg" rel="lightbox[roadtrip]"title="Deutsches Reitponny in Bleistift, Portraitauftrag, 24 x 30 cm"><img src="bilder/Duncan-thumb.jpg" alt="Deutsche Reitponny" width="129" height="158" border="0" style="border: 0px solid ;" title="Deutsches Reitponny"></a></a></span></div></td>
<td width="129"><div align="center"><span class="Stil2"><a href="bilder/Fjord-Pferd.jpg" rel="lightbox[roadtrip]"title="Norweger in Bleistift, Portraitauftrag, 30 x 40 cm"><img src="bilder/Fjord-Pferd-thumb.jpg" alt="Norweger" width="129" height="158" border="0" style="border: 0px solid ;" title="Norweger"></a></span></div></td>
<td width="129"><div align="center"><span class="Stil2"><a href="bilder/Lord%20caletto.jpg" rel="lightbox[roadtrip]"title="Holsteiner Hengst Lord Caletto in Aquarell, 30 x 40 cm"><img src="bilder/Lord%20caletto-thumb.jpg" alt="Holsteiner" width="129" height="158" border="0" style="border: 0px solid ;" title="Holsteiner"></a></span></div></td>
<td width="206"><div align="center"><a href="bilder/Poetin.jpg" rel="lightbox[roadtrip]"title="Poetin in Aquarell, 40 x 50 cm"><img src="bilder/Poetin-thump.jpg" alt="Poetin" width="206" height="158" border="0" style="border: 0px solid ;" title="Poetin"></a></div></td>
                    </tr>
                  </table>
              </div>
            </div>              </td>
          </tr>
        </table>        

<div align="left"></div> <table width="784" height="23" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="191"><div align="left"></div></td>
<td width="41"><div align="left"><a href="pferde-1.htm"><img src="../bilder/vs_bild_587_377.jpg" width="40" height="30" border="0"></a></div></td>
            <td width="510"><div align="right"></div></td>
<td width="42"><div align="right"><a href="pferde-2.htm" target="_self"><img src="../bilder/vs_bild_587_rechts.jpg" width="40" height="30" border="0"></a></div></td>
          </tr>
                          </table>        
        <p align="center">&nbsp;</p>        </td>
    </tr>
    <tr>
<td height="47" bordercolor="#999999" bgcolor="#FFFFFF"><div align="center"> <img src="../bilder/Verzierung%20Kopie.jpg" width="780" height="30"><br>
<span class="fu&szlig;note"><a href="../index.htm">Startseite</a> | <a href="../galerien.htm">Galerien</a> | <a href="../maltechniken.htm" target="_self">Techniken</a> |<a href="../fotoservice.htm" target="_self"> Fotoservice</a> |<a href="../rahmenservice.htm" target="_self"> Rahmenservice</a> |<a href="../neues.htm" target="_self"> Neues</a> | <a href="../agb.htm" target="_self">AGB</a> <span class="Stil1">|</span><a href="mailto:info@atelier-arends.de?subject=Homepage%20Kontakt"> E-Mail</a> </span><span class="Stil1"><span class="fu&szlig;note">| <a href="../links.htm">Links</a> |</span> <span class="fu&szlig;note"><a href="../impressum.htm" target="_self">Impressum</a></span></span><span class="Stil1"></span><span class="Stil1"></span><span class="Stil1"><br>
          <img src="../bilder/Copyrights.jpg" width="434" height="28"></br>
      </span></div></td>
    </tr>
  </table>
</div>
</body>
</html>
</body>
</html>

Alles anzeigen

..................................

lightbox richtig in homepage einbinden

Tags

Benutzer online in diesem Thema