fullscreen background image swap

[Verwijderd]

Hey Tweakerrockstars,

Ik ben bezig met een portfolio website met fullscreen (scalable) background image. Dit is fully functional (mootools). Nou wil ik dat wanneer er bij een project meer afbeeldingen beschikbaar zijn deze 'swappen' met de achtergrond. De achtergrondafbeelding zit in een div "bg" die naar de achtergrond en fullscreen wordt getrokken.

Ik heb al een paar dingen geprobeerd, de functie:

<a href="#" onclick="main.src='pad/naar/image.jpg';"><img src="pad/naar/thumbimage.jpg" id="moreimg" alt="" /></a>

werkt prima in FF maar niet in safari (heb geen weet wat IE hiermee doet).

Ik heb tevens een mootools image gallery uitgekleed en in gepast maar daar hetzelfde probleem, geen safari.
Ik ben ontwerper, als iets op ie niet helemaal werkt kan ik daar mee leven, maar safari wordt me te gek.

Overige galleries maken gebruik van een preload functie. Dat is niet helemaal waarnaar ik op zoek ben. Ik ga straks hardcoded pagina's maken waarbij het fijn zou zijn ik enkel nieuwe (extra) afbeeldingen vanuit die ene pagina aan kan roepen, niet ook een lijst samen moet stellen in een js of in de head.php. (is het overigens niet zo dat alle afbeeldingen voor de hele site gepreload worden dan ipv the ones necessary?).

Ok, ik hoop dat iemand hier meer intel over heeft. Javascript is not my cup of tea.

Een eerste pagina van de website hier

[ Voor 3% gewijzigd door Verwijderd op 11-12-2008 10:57 ]

[MueR]

Eerste wat ik krijg als ik die site open:

img is not defined
onmousedown()

[Noork]

Heb je ook een (werkend) voorbeeld van het wisselen van achtergrond? Ik zie nl. die mogelijkheid niet in jouw site?

Volgens mij moet je voor Safari sowieso document.getElementbyId gebruiken.

Zoiets dus:

code:

document.getElementById("main").src=afbeelding;

[ Voor 39% gewijzigd door Noork op 11-12-2008 11:43 ]

[Verwijderd]

een versie die zn werk doet in ff maar niet in safari (de first try) staat nu online

[ Voor 60% gewijzigd door Verwijderd op 11-12-2008 13:16 ]

[Noork]

Okay, en nu met bovenstaande document.getelementbyid-functie....

[Verwijderd]

1e grijze blokje heeft nu de document.getelementbyid functie, volgens mij pikt ie dit niet

[Noork]

Doe eens aanhalingstekens om de src van je afbeelding. Wel een beetje scherp blijven he!

[Verwijderd]

Thanx mate! plak hier maar een sticker op, case solved.

[ikbenwouter]

Hier werken ze nu alle drie. Overigens ook in IE7 ook al resized deze browser ze erg korrelig.