lightbox in HP einbinden ohne frames

Diskutiere lightbox in HP einbinden ohne frames im Grafik Forum im Bereich Webmaster; hey ... ich versuche gerade meine seite framelos zumachen . da der frame beim anschauen der bildern doch sehr stoerend ist... (...
K

kaputt

New member
Beiträge
1
Punkte Reaktionen
0
hey ... ich versuche gerade meine seite framelos zumachen . da der frame beim anschauen der bildern doch sehr stoerend ist...
( www.kaputtgemenscht.de ist meine aktuelle seite ... wie sie aussehen sollte .. nur ohne dem frame eben ... )
nunja .. mit hilfe eines kumpls kam ich soweit das wir die seite mit php gemacht haben ... aber nun haengts eben bei der einbindung der nicht selbst erstellten seiten von der lightbox ....

wie ich das gaestebuch einbinden kann weis ich auch noch nicht ?!

hier hab ich mal den seitenquelltext von einer seite in dem die lightbox eigentlich eingebunden sein sollte man sieht anstatt der bilder aber nur ein blaues quatrat .....

und dann noch den link zudem was wir bis jetzt hinbekommen haben und wie es eben ausschaut : http://www.kaputtgemenscht.de/kaputtgemenschtphp/index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="PC USER">
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/prototype.js" type="text/javascript"></script>
<script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->
</head>
<title></title>


<style type="text/css">
<!--

-->
body {
font-family: Palatino Linotype,Georgia;
color: #800040;
text-decoration: none}
a {
font-family: Palatino Linotype,Georgia;
color: #004080;
text-decoration: none}
a:link {
font-family: Palatino Linotype,Georgia;
color: #004080;
text-decoration: none}
a:visited {font-family: Palatino Linotype,Georgia;
color: #004040;
text-decoration: none}
a:hover {
font-family: Palatino Linotype,Georgia;
color:#004040;
text-decoration: line-through; }
</style>

<script type="text/javascript">

ubersich1 = new Image(1);
ubersich1.src = "ubersich1x.gif";
ubersich2 = new Image(1);
ubersich2.src = "ubersich2x.gif";

buch1 = new Image(2);
buch1.src = "buch1x.gif";
buch2 = new Image(2);
buch2.src = "buch2x.gif";

fotos1 = new Image(3);
fotos1.src = "fotos1x.gif";
fotos2 = new Image(3);
fotos2.src = "fotos2x.gif";

zug1 = new Image(4);
zug1.src = "zug1x.gif";
zug2 = new Image(4);
zug2.src = "zug2x.gif";



function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>

</head>

<body text="#800040" bgcolor="#FFFFFF" link="#004040" alink="#004080" vlink="#004080"
style="background-image:url(./hgxxx.jpg);background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed">

<table width="100%" border="0" cellpadding="0" cellspacing="2"
background="logokpgm.gif" style="background-image:url(./logokpgm.gif);background-repeat:no-repeat; background-position:top">
<tr>
<td><table height="110" width="800" align="center" >
<tr >
<td>
<a href="index.php?go=news" <img src="tomain.gif" width="800" height="100" border="0" alt=""></a> </td>
</tr>
</table>


<table width="843" height="36" align="center" cellpadding="5">
</tr>
<tr >
<td width="372">
 
</td>
<td width="100" height="36">
<a href="index.php?go=ubers_ich"
onmouseover="Bildwechsel(1, ubersich2)"
onmouseout="Bildwechsel(1, ubersich1)">
<img src="ubersich1x.gif" width="100" height="36" border="0" alt="uebers ich"> </a>
</td>

<td width="109" height="36">
<a href="index.php?go=gastebuch"
onmouseover="Bildwechsel(2, buch2)"
onmouseout="Bildwechsel(2, buch1)">
<img src="buch1x.gif" width="109" height="36" border="0" alt="gaestebuch"></a>
</td>

<td width="99" height="36">
<a href="index.php?go=fotos"
onmouseover="Bildwechsel(3, fotos2)"
onmouseout="Bildwechsel(3, fotos1)">
<img src="fotos1x.gif" width="99" height="36" border="0" alt="fotokunst"></a>
</td>

<td width="133" height="36">
<a href=" index.php?go=anderekunst"
onmouseover="Bildwechsel(4, zug2)"
onmouseout="Bildwechsel(4, zug1)">
<img src="zug1x.gif" width="133" height="36" border="0" alt="andere kunst"></a>
</td>
<td width="30">
 
</td>

</tr>
</table>
</td>
</tr>


<tr height="*" valign="top">
<td>
<b><div align="center" >
<br>
<a href="index.php?go=fotos&go2=analog&">analog/schuhkiste</a><br><br>
<a href="index.php?go=fotos&go2=kleine&">kleine digicam</a><br><br>
<a href="index.php?go=fotos&go2=grosze&">grosze digicam (spiegelreflex)</a><br><br>

<br>
</font>
</div>

<!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" lang="en" xml:lang="en">
<head>
<title>analog generated by VisualLightBox.com</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="keywords" content="analog, VisualLightBox, LightBox, Photo Gallery, Easy Photo Gallery, Html Gallery Creator" />
<meta name="description" content="analog created with VisualLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web photo galleries" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- Start VisualLightBox.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/prototype.js" type="text/javascript"></script>
<script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->

</head>
<body>

<!-- Start VisualLightBox.com BODY section -->
<div id="vlightbox" align="center" >
<a rel="lightbox_vlb" href="data/images/0_beelitz.jpg" title="0_beelitz"><img src="data/thumbnails/0_beelitz.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/10_vogelviehcher.jpg" title="10_vogelviehcher"><img src="data/thumbnails/10_vogelviehcher.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/11_vogelviehcher.jpg" title="11_vogelviehcher"><img src="data/thumbnails/11_vogelviehcher.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/1_beelitz.jpg" title="1_beelitz"><img src="data/thumbnails/1_beelitz.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/2.jpg" title="2"><img src="data/thumbnails/2.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/3_rose.jpg" title="3_rose"><img src="data/thumbnails/3_rose.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/4_stimmen_werden_leiser.jpg" title="4_stimmen_werden_leiser"><img src="data/thumbnails/4_stimmen_werden_leiser.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/5.jpg" title="5"><img src="data/thumbnails/5.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/6_kellerassel.jpg" title="6_kellerassel"><img src="data/thumbnails/6_kellerassel.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/7_krabbelkaefer.jpg" title="7_krabbelkaefer"><img src="data/thumbnails/7_krabbelkaefer.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/8_krabbelkaefer.jpg" title="8_krabbelkaefer"><img src="data/thumbnails/8_krabbelkaefer.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/9_kellerasseln.jpg" title="9_kellerasseln"><img src="data/thumbnails/9_kellerasseln.png"><span></span></a><a id="vlb" href="http://visuallightbox.com">Dynamic Photo Gallery by VisualLightBox.com v2.0</a>
</div>
<!-- End VisualLightBox.com BODY section -->

</body>
</html> </td>
</tr>
</table>

</body>
</html>


http://visuallightbox.com/#FAQ
hatten das auch schon mal so probiert .. aber da muss der odner in den ueberordner verschoben werden ...
und da ich ja mehrere gallerien hab versteh ich nicht wie das dann funktionieren soll ... und frag mich auch ob ich das jedes mal wieder machen muss wenn ich neue bilder in die gallerie lade ... das faend ich etwas arbeitsaufwaendig ...
hab gemerkt wenn man den index.html der von der lightbox kommt aendert wenn man neue bilder veroeffentlicht ... (hab ja meine gallerien zentriert... und das mus ich immer wieder neu machen .... )
arg ... verwirrendes beschreiben in der hoffnung irgenjemand verstehts und kann mir helfen :\
 
Thema:

lightbox in HP einbinden ohne frames

Oben Unten