lightbox , shadowbox

yellow27 · 09.12.2010

ich wei nicht was ich falsch mache, habe mir das Video :
Tipps und Tricks zur Webentwicklung: Prototype Lightbox 2 - angeschaut und alles genauso gemacht und trotzdem funktioniert es nicht so wie in dem Video

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
<script type="text/javascript" src="shadowbox/jquery.js" ></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
shadowbox.init();</script>
</head>

<body>
<a href="panorama/Panorama5.png" rel="shadowbox";width=1000; hight=500 title="pano"><img src="panorama/pano11.png" /></a>
</body>
</html>

hier mal dei shadobox. ich habe das gefühl das sich der rel= nicht auf die shadowbox bezieht.

sokie · 09.12.2010

AW: lightbox , shadowbox

wenn du dir den code-download für jquery gewählt hast, musst du die init funktion innerhalb der jQuery ready() funktion notieren:

Code:

  $(document).ready(function() {
    Shadowbox.init();
  });

fexx · 10.12.2010

AW: lightbox , shadowbox

yellow27 schrieb:
<a href="panorama/Panorama5.png" rel="shadowbox;width=1000;height=500" title="pano">

solltest du auch ändern ;-)

sokie · 10.12.2010

AW: lightbox , shadowbox

die Angaben sind height und width sind ohnehin nicht für Bilder gedacht, sondern für andere Inhalte

You must explicitly tell Shadowbox the dimensions to use to display content other than images.

also besser weglassen als zusätzliche Fehler einbauen.

yellow27 · 11.12.2010

AW: lightbox , shadowbox

Danke für die Tipps , habe jetzt die lightbox2 genommen. Hatte da zwar auch einen Fehler gemacht, den habe ich aber selber rausbekommen.

Trotzdem Danke