---
title: "Hjälp med Shadowbox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/187695-hjälp-med-shadowbox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "zaffe1"
published: "2011-09-01T20:43:40.000Z"
updated: "2011-09-02T06:57:16.000Z"
replies: 3
views: 1350
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/187695-hjälp-med-shadowbox"
---

# Hjälp med Shadowbox

## #1 — zaffe1, 2011-09-01T20:43Z

<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?

Permalänk: https://www.webforum.nu/p/187695

## #2 — voigtann1, 2011-09-02T04:52Z

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

Permalänk: https://www.webforum.nu/p/2282712

## #3 — zaffe1, 2011-09-02T05:31Z

**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?

Permalänk: https://www.webforum.nu/p/2282714

## #4 — voigtann1, 2011-09-02T06:57Z

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.

Permalänk: https://www.webforum.nu/p/2282717

---

Tråden på webben: https://www.webforum.nu/amne/html-css/187695-hjälp-med-shadowbox
