Seite 1 von 1

Erst Bild, dann Text

Verfasst: 01.10.2008 14:24
von Ulf2
Hallo,

ich suche schon lange nach einer Möglichkeit, folgendes umzusetzen:

Wenn der Besucher auf einen Text (eine Art Link, aber ohne Reload der Seite) klickt, soll an der Stelle ein Bild erscheinen und wenn ein paar Sekunden verstrichen sind, soll dort das Bild verschwinden und ein Text stehen.

Das wäre wirklich toll, wenn ihr mir helfen könntet!

Verfasst: 02.10.2008 14:41
von Valerion

Code: Alles auswählen

<script language="JavaScript" type="text/javacript">
function bild_waechseln(status)
{
bild='BILD';
divid='ID_DES_DIVS';
zeit=ZEIT_BIS_DER_TEXT_ANGEZEIGT_WIRD;
text='TEXT_STATT_DEM_BILD';
if(status==1)
{
document.getElementById(divid).innerHTML='<img src="'+bild+'" alt="Bild nicht gefunden">';
window.setTimeout(bild_waechseln(2), zeit);
}
if(status==2)
document.getElementById(divid).innerHTML=text;
}
</script>
<div id="ID_DES_DIVS">Wenn du <a href="#" onclick="bild_waechseln(1)">HIER</a> drückst wird dieser text zu einem Bild und danach zu einem anderen Text</div><br />
Dieser text bleibt unverändert.
ID_DES_DIVS(Muss 2x gesetzt werden): Irgendetwas, muss aber immer gleich bleiben, z.b. "bildtext"(Ohne Anführungszeichen)
BILD=Bildatresse, relativ oder absolut
ZEIT_BIS_DER_TEXT_ANGEZEIGT_WIRD: Zeit, bis der text angezeigt wird(In Millisekunden(1 sec= 1.000 ms)
TEXT_STATT_DEM_BILD: Der Text, der oben statt der definierten Zeit angezeigt werden soll.

Keine Garantie auf Funktionstüchtigkeit :)