von einem problem ins nächste 
ich wurde gebeten in eine relativ alte website eine lightbox einzubauen... neu machen wäre mir lieber, aber naja...
zumindestens öffnen sich die bilder. allerdings nicht in einer lightbox, sondern einfach imm browser.
hier mal der html code
die css der shadowbox
danke schonmal an euch
ich wurde gebeten in eine relativ alte website eine lightbox einzubauen... neu machen wäre mir lieber, aber naja...
zumindestens öffnen sich die bilder. allerdings nicht in einer lightbox, sondern einfach imm browser.
hier mal der html code
HTML:
<!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-Type" content="text/html; charset=utf-8" />
<title>asc-nord hille</title>
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.title" content="asc-nord hille" />
<meta name="DC.creator" content="http://www.cottbus-werbung.de" />
<meta name="DC.subject" content="general" />
<meta name="DC.description" content="asc nord hille Auto Service Center Freie Werkstatt für alle PKW und Transporter" />
<meta name="DC.publisher" content="http://www.cottbus-werbung.de" />
<meta name="DC.date" content="2009-05-12" scheme="DCTERMS.W3CDTF" />
<meta name="DC.type" content="Text" scheme="DCTERMS.DCMIType" />
<meta name="DC.format" content="text/html" scheme="DCTERMS.IMT" />
<meta name="DC.identifier" content="http://www.asc-nord.de/" scheme="DCTERMS.URI" />
<meta name="DC.source" content="http://www.w3.org/TR/html401/struct/global.html#h-7.4.4" scheme="DCTERMS.URI" />
<meta name="DC.language" content="de_DE" scheme="DCTERMS.RFC3066" />
<meta name="DC.rights" content="asc-nord hille" />
<meta name="keywords" content="asc nord, hille, 1a, werkstatt, tuning, vermietung, pkw, transporter, auto,service, center, reparatur, verschleißteilreparatur, inspektion, ölwechsel, unfall, karosserieinstandsetzung, cottbus, spreewald, lausitz, brandenburg, reifenservice, achsvermessung, kfz, tüv, au, klimaanlagen, standheizung, glasservice, schweißtechnik, smartrepair, fahrwerkstechnik, leichtmetallfelgen, sportauspuffanlagen, scheibentönung, breitreifen, spoilertechnik, luftfahrwerkstechnik, leistungssteigerung, sportbremse, referenzen, lastenträger, dachboxen, fahradträgersysteme, snowboardträger, skiträger, schneeketten, montage, shop" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="Distribution" content="global" />
<meta name="expires" content="never" />
<meta name="Page-type" content="infomercial" />
<meta name="Robots" content="index, follow" />
<meta name="siteinfo" content="robots.txt" />
<meta name="siteinfo" content="robots.txt" />
<meta name="revisit-after" content="3 days" />
<meta http-equiv="reply-to" content="" />
<meta name="pics-label" content='(PICS-1.1 "http://www.gcf.org/v2.5" labels on "1994.11.05T08:15-0500" until "1995.12.31T23:59-0000" for "http://www.asc-nord.de" ratings (suds 0.5 density 0 color/hue 1))' />
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
<!--
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>
</head>
<body onload="MM_preloadImages('images/buttons/01wsdown.gif','images/buttons/03tzover.gif','images/buttons/02vover.gif','images/buttons/04sover.gif','images/gallery/gallery06.gif','images/gallery/gallery02.gif','images/buttons/subnavi-w04over.gif')">
<div class="hiergehtszum">
<a href="http://www.go1a.de/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/buttons/hiergehtszumover.png',10)"><img src="http://www.psd-tutorials.de/forum/images/buttons/hiergehtszum.png" name="Image10" border="0" id="Image10" /></a>
</div>
<div id="test">
<div id="head">
<div id="einsa"><a href="http://www.go1a.de/"><img src="http://www.psd-tutorials.de/forum/images/buttons/1a.gif" alt="" width="63" height="61" border="0" /></a></a></div>
</div>
<div id="navigation"><a href="werkstatt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/buttons/01wsover.gif',1)"><img src="http://www.psd-tutorials.de/forum/images/buttons/01wsup.gif" width="172" height="30" border="0"/></a><a href="tuning.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/buttons/03tzover.gif',1)"><img src="http://www.psd-tutorials.de/forum/images/buttons/03tzup.gif" name="Image2" width="172" height="30" border="0" id="Image2" /></a><a href="vermietung.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/buttons/02vover.gif',1)"><img src="http://www.psd-tutorials.de/forum/images/buttons/02vup.gif" name="Image3" width="172" height="30" border="0" id="Image3" /></a><a href="shop.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/buttons/04sover.gif',1)"><img src="http://www.psd-tutorials.de/forum/images/buttons/04sup.gif" name="Image4" width="172" height="30" border="0" id="Image4" /></a><a href="eu.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/buttons/5euover.gif',1)"><img src="http://www.psd-tutorials.de/forum/images/buttons/5eudown.gif" name="Image5" width="212" height="30" border="0" id="Image5" /></a></div>
<div id="haupt">
<div id="rechtsoben"><img src="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vwgr.jpg" /></div>
<div id="linksoben">
<h1>VW Golf und und und und </h1>
<dl>
<table width="100%" border="0">
<tr>
<td width="37%">Hubraum</td>
<td width="63%">1272 cm³ </td>
</tr>
<tr>
<td>Anzahl Sitzplätze</td>
<td>5</td>
</tr>
<tr>
<td>Anzahl der Türen</td>
<td>4/5 Türen</td>
</tr>
<tr>
<td>Schadstoffklasse</td>
<td>Euro1</td>
</tr>
<tr>
<td>HU</td>
<td>04/2011 </td>
</tr>
<tr>
<td>AU</td>
<td>04/2011 </td>
</tr>
<tr>
<td>Farbe</td>
<td>Eisblau</td>
</tr>
<tr>
<td colspan="2"><p>golf2 tüv7 au abgelaufen ,fahrbereit jedoch mit mängeln. zb handbremse kaum fuktion , 5. gang springt raus ( fahre so schon mind 3 Jahre) altersbedingter rost jedoch nichts dramatisches.(Kotflügel vorne rechts ,heckblech re./li an bekannten stellen) dieverse Beulen und Kratzer. Motor stottert letzte zeit zuweilen ,evtl Zündung, bin aber immer angekommen.Verkauf als bastlerfahzeug, zum ausschlachten o.ä.Zahnriemen filter ca 1Jahr oder ca 5000 km alt. hängerkupplung wird nicht mit verkauft! </p>
<p>dramatisches.(Kotflügel vorne rechts ,heckblech re./li an bekannten stellen) dieverse Beulen und Kratzer. Motor stottert letzte zeit zuweilen ,evtl Zündung, bin aber immer angekommen.Verkauf als bastlerfahzeug, zum ausschlachten o.ä.Zahnriemen filter ca 1Jahr oder ca 5000 km alt. hängerkupplung wird nicht mit verkauft! </p></td>
</tr>
</table>
<dt> </dt>
</dl>
</div>
<p> </p>
<div id="linksunten"></div>
<div id="rechtsunten"></a>
<table width="100%" border="0">
<tr>
<td><a href="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vwgr_1.jpg" rel="shadowbox"><img src="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vw_1.jpg" width="114" height="105" /></a></td>
<td><a href="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vwgr_2.jpg" rel="shadowbox"><img src="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vw_2.jpg" width="114" height="105" /></a></td>
<td><a href="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vwgr_3.jpg" rel="shadowbox"><img src="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vw_3.jpg" width="114" height="105" /></a></td>
</tr>
<tr>
<td><a href="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vwgr_4.jpg" rel="shadowbox"><img src="http://www.psd-tutorials.de/forum/images/shop/euneuundgebrauchtwagen/vw_4.jpg" width="114" height="105" /></a></td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<div id="subnavigation"></div>
<div id="fusszeile">
<div id="copyright"><a href="http://www.cottbus-werbung.de/home.html">copyright 2009 werk:zwei</a></div>
<div id="kontakt">
<div align="right"><a href="index.html"><img src="http://www.psd-tutorials.de/forum/images/buttons/kon-start.gif" width="31" height="14" border="0" /></a><a href="kontakt.html"><img src="http://www.psd-tutorials.de/forum/images/buttons/kon-kontakt.gif" width="52" height="14" border="0" /></a><a href="*********html"><img src="http://www.psd-tutorials.de/forum/images/buttons/kon-*********gif" width="51" height="14" border="0" /></a><a href="impressum.html"><img src="http://www.psd-tutorials.de/forum/images/buttons/kon-impressum.gif" width="62" height="14" border="0" /></a></div>
</div>
</div>
</div>
</body>
</html>
HTML:
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
