hallo,
ich bin ein laie was webdesign angeht, und habe meine homepage bisher immer im copy/paste verfahren gebastelt.
für eine neue webseite bin ich nun auf der suche nach einem stückchen java code:
ich habe einige buttons als grafiken (button1.gif, button2.gif ect.).
in einem table habe ich ein filmchen (.mov) embedded. ich möchte nun das dieses filmchen beim clicken auf die buttons ausgetauscht werden. (film01.mov = embedded, button1.gif = film01.mov , button2.gif = film02.mov ect.).
für diese aufgabe suche ich nun ein kleines javascript. ich habe bereits eines erfolglos versucht:
---
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers
Image1.src = "movies/movie01.mov"
Image2.src = "movies/movie02.mov"
Image3.src = "movies/movie03.mov"
Image4.src = "movies/movie04.mov"
Image5.src = "movies/movie05.mov"
Image6.src = "movies/movie06.mov"
Image7.src = "movies/movie07.mov"
Image8.src = "movies/movie08.mov"
function SwapOut() {
document.imageflip.src = Image2.src; return true;
}
function SwapBack() {
document.imageflip.src = Image1.src; return true;
}
// - stop hiding -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin=0 topmargin=0>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="CENTER" valign="MIDDLE"><td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/tv_left.gif" width=106 height=587 hspace=0 vspace=0 border=0 alt=""></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="images/tv_top.gif" width=426 height=96 border=0 alt="" hspace=0 vspace=0></td></tr>
<tr><td bgcolor="#000000"><embed src="movies/movie01.mov" id="im" "width="426" height="320" bgcolor="000000" controller="false" autoplay="true"></td></tr>
<tr><td><img src="images/tv_bottom.gif" width=426 height=171 border=0 alt="" hspace=0 vspace=0></td></tr>
</table></td>
<td><img src="images/tv_middle.gif" width=77 height=587 border=0 alt="" hspace=0 vspace=0></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="images/tv_topright.gif" width=120 height=282 hspace=0 vspace=0 border=0 alt=""></td></tr>
<tr><td><table border="0" cellspacing="0" cellpadding="0"><tr>
<td><a href="#" onclick="document.getElementById('im').src='movies/movie01.mov"><img src="images/button1_off.gif" width=18 height=47 hspace=0 vspace=0 border=0 alt=""></a></td>
<td><a href="#" onclick="document.getElementById('im').src='movies/movie02.mov"><img src="images/button2_off.gif" width=14 height=47 hspace=0 vspace=0 border=0 alt=""></a></td>
u.s.w.
---
kann mir jemand weiterhelfen?
