[html / javascript] 2 pics bovenop elkaar.

[Verwijderd]

Zit al een tijd met een vraag, wil graag twee pics overelkaarheen op internet zetten. Kan dit uberhaupt

Vraag komt vanuit onderstaand probleem:
Webcam server http://www.conquercam.com/ gebruik ik, er wordt een image van m'n webcam op poort 8181 gezet. Nu wil ik als ik de server niet uit heb, een andere pic laten zien.

[Verwijderd]

Ja dat kan. Dan moet je met de z-index kloten in CSS.

[Verwijderd]

Dus met layers werken. www.w3schools.com
Of je gebruikt Dreamweaver wat erg makkelijk is voor het positioneren.

[Verwijderd]

OK op w3schools gekeken, en inderdaad iets gevonden

Poeh he, heb me eerst rot lopen zoeken op internet, maar op een of ander manier niets kunnen vinden. Waarschijnlijk niet de juiste woorden ingetypt ;?

Thanx

[Verwijderd]

code:

[img]"plaatje1.jpg"[/img]
[img]"plaatje2.jpg"[/img]

dit zijn 2 layers die bovenop elkaar staan. De een staat boven de ander omdat de z-index verschilt. Ongetest, ben even vergeten of het position:absolute of positioning: absolute is..

[JSchut]

maak een tabel met als background image1 en zet image2 in de td van de tabel

[Bzzje]

in beide gevallen krijg je dan toch ook een rood kruisje als 1 van de plaatjes er niet is? (oftewel als zijn webcam uit is?)

edit (dan wel over dat andere plaatje heen)

[Verwijderd]

Ben nu zover:

code:

[img]"img/yama.jpg"[/img]
<img name="webcamUpload" width="320" height="240" border="0" alt="Uploading"><br>

Resultaat:


Nu alleen een oplossing bedenken om dat icoontje linksbovenaan en tekst weg te krijgen als de server uit staat (cq geen 2e pic beschikbaar is)

[Bosmonster]

onerror="this.src='x.gif'"

en in ieder geval die alt-tekst weghalen

[drm]

icm met de laatste post van Gordijnstok in dit topic [topic=476909] en een script wat het webcam image op invisible zet:

code:

function hide ( id )
{
   if ( document.getElementById )
    document.getElementById ( id ).style.visibility = "hidden";
}

moet je d'r wel komen, gok ik

[Verwijderd]

De combinatie dus;

code:

function hide ( id )
{
   if ( document.getElementById )
    document.getElementById ( id ).style.visibility = "hidden";
}

window.onerror=hide("Plaatje1");

[Bosmonster]

Op woensdag 01 mei 2002 14:50 schreef Tizzwat het volgende:
De combinatie dus;

code:

function hide ( id )
{
   if ( document.getElementById )
    document.getElementById ( id ).style.visibility = "hidden";
}

window.onerror=hide("Plaatje1");

onerror was voor in de img-tag vandaar de this.src. Je kunt het ook wel combineren met een hide-functie, maar waarom moeilijk als het makkelijk kan.

Hoef je je niet druk te maken om verschillende browsers enzo..

[Bzzje]

??

dan kan je toch ook gewoon

plaatje1 onerror=plaatje2

doen?

dan ben je meteen van je probleem af

[Verwijderd]

Wacht even...

de onerror in de <img> tag

code:

[img]'img/cam.jpg'[/img]

Dat werkt niet

edit:

Oh sh.t:
dit werkt wel:
[code][img]'img/cam.jpg'[/img][/code]
Moet toch eens beter lezen

[Bosmonster]

Op woensdag 01 mei 2002 14:29 schreef Bosmonster het volgende:
onerror="this.src='x.gif'"

[..]

Dat zei ik paar posts terug al

[Verwijderd]

Op woensdag 01 mei 2002 15:32 schreef Bosmonster het volgende:

[..]

Dat zei ik paar posts terug al

Je hebt helemaal gelijk Bosmonster en ik dank u daarvoor.