Antworten auf deine Fragen:
Neues Thema erstellen

lightbox geht nicht

susiH

Aktives Mitglied

von einem problem ins nächste :D

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, &ouml;lwechsel, unfall, karosserieinstandsetzung, cottbus, spreewald, lausitz, brandenburg, reifenservice, achsvermessung, kfz, t&uuml;v, au, klimaanlagen, standheizung, glasservice, schweißtechnik, smartrepair, fahrwerkstechnik, leichtmetallfelgen, sportauspuffanlagen, scheibent&ouml;nung, breitreifen, spoilertechnik, luftfahrwerkstechnik, leistungssteigerung, sportbremse, referenzen, lastenträger, dachboxen, fahradtr&auml;gersysteme, snowboardtr&auml;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>&nbsp;</dt>
</dl>
</div>
<p>&nbsp;</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>&nbsp;</td>
      <td>&nbsp;</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>
die css der shadowbox
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;}
danke schonmal an euch
 

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.526
Neuestes Mitglied
Winfriedtesmer
Oben