.JS Slideshow werkt lokaal maar niet op web

[DragonXZ]

Goedeavond,

Ik ben bezig met een site voor school.
Nu heb ik de JS. Slideshow van Couloir.org geimplementeerd in mijn site.
Deze slideshow: http://www.couloir.org/js_slideshow/

Hij werkt goed in mijn site als ik hem vanaf mijn lokale pc de index.html open.
Nadat ik alle mappen upgeload heb naar mijn ftp server, laad die niet.

Dit is de link:
http://oege.ie.hva.nl/~berkel68

Hij blijft maar op loading staan. En op de FTP staat exact dezelfde mappen structuur als op mijn lokale PC.
Ik ben er al de hele middag mee bezig, maar ik kom er niet uit!

Een tweede probleem is de links die geopend worden ivm lightbox. In safari/Firefox wordt het goed weergegeven. Maar in IE7 maar voor de helft. Ik ben echt even de weg kwijt, misschien heeft iemand van jullie een idee?

Groeten Niels

[RobIII]

Eerste ingeving: je host is case-sensitive (bestandsnaam) en je eigen pc niet.

[DragonXZ]

RobIII schreef op donderdag 02 oktober 2008 @ 20:30:
Eerste ingeving: je host is case-sensitive (bestandsnaam) en je eigen pc niet.

Bedankt! Op FTP server idd met .JPG ipv .jpg.
Opgelost Nu alleen het 2e probleem (IE7 vs FF), ivm lightbox.

[RobIII]

DragonXZ schreef op donderdag 02 oktober 2008 @ 20:34:
Nu alleen het 2e probleem (IE7 vs FF), ivm lightbox.

...en wat heb je hier al zelf voor geprobeerd? Al eens naar je CSS gekeken? Uitgeklede test-case gemaakt? Ik neem aan dat je het over (bijv.) de link "Personage" hebt?

[ Voor 10% gewijzigd door RobIII op 02-10-2008 20:37 ]

[DragonXZ]

Ik heb heel mijn CSS uitgewroed en bewerkt.
Dit is de CSS code betreft Lightbox:

/* - - - - - - - - - - - - - - - - - - - - -

LIGHTBOX CSS GEDEELTE

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:600px;
height:80%;
padding:10px;
margin:-290px 0 0 -250px;
border:1px solid #fff;
background:#FFFFFF;
overflow-x: scroll;
}


#lightbox[id]{
position:fixed;
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#overlay[id]{
position:fixed;
}

#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
}

}

Edit:

Ja, het gaat om de 3 links boven in. Artikel, Personage en Scenario.
In FF worden ze correct geopend. In IE7 wordt het overlapt door een wit gebied en is er geen scrollbar.

[ Voor 8% gewijzigd door DragonXZ op 02-10-2008 20:39 ]