zaffe1Medlem sedan aug. 20118 inlägg http://www.shadowbox-js.com/index.html
Ska använda detta till mina bilder men får det ej att fungera. Har följt instruktionerna på deras hemsida och laddat hem filerna.
shadowbox.css, -kopierade över innehållet i den filen till min egen CSS fil.
shadowbox.js
Har lagt in dessa i min html dokument:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
rel="shadowbox - denna har jag lagt till i min bild
<img src="../../Bilder/IMG_0199.jpg" width="1024" height="746" alt="BMW" rel="shadowbox">
*PS Jag har installerat och startat en XAMPP server på min dator och kör min hemsida genom den.
*PS Jag kan inget om java så det är kanske nått med javan som strular?
För det första Javascript är inte Java.
Och om man kollar hur man använder Shadowbox: http://www.shadowbox-js.com/usage.html så skall rel vara på ett a-element med den större bilden som länk för att det skall fungera
zaffe1Medlem sedan aug. 20118 inlägg Jag har lagt in detta överst i html filen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Mellan HEAD taggarna har jag lagt in:
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true
});
</script>
Mellan BODY taggarna har jagt lagt in:
<a rel="shadowbox" href="foto/simba.jpg"><img alt="Simba" class="border" src="foto/simba_thumb.jpg"></a>
Vad som sker är att den stora bilden öppnas upp i ett nytt fönster. Det sker inte på det sätt som det ska göra med shadowbox. Vad är felet? Kan det vara nått med javascriptet som inte fungerar?
Ja.... eftersom inte javascripts delen ta över så är ju det som är felet ;)
ligger shadowbox.js och css filen i rooten verkligen på din sida?
Har du Firefox så ladda ner firebug => betydligt enklare att debugar
Har du Chrome så kör Developer tools
och se om din sida hittar allt + att den inte generera ett JS fel.
