Javascript Bild ersetzen

Amschti

Erfahrenes Mitglied
Guten Tach!

Hab da ein kleines Problem, da ich sehr ungerne Codes "klaue" und lieber alles selber schreibe ( so hab ich PHP mitlerweille im Griff) erlerne ich mir nun Javascript, und bin an meine grenzen gestossen, und habe keine tutorials dazu gefunden.
mein ziel ist es das Bild navi_starblue.png bei click nach navi_staryellow zu ändern

Deshalb gleich zum Code:

in der PHP Datei:
PHP:
<?php 

echo'
<script language="JavaScript" type="text/javascript">
<!--
function button(element){

///funktioniert einwandfrei 
if((element) == "nr1")
		document.getElementById("playerbutton1").style.backgroundImage = \'url(../../images/player/button_click.png)\'
	else
		document.getElementById("playerbutton1").style.backgroundImage = \'url(../../images/player/button.png)\';

///will einfach nicht funktionieren

if((element) == "nr1")
		 document.images.star.src = \'images/navi_staryellow.png\';
}


//-->
</script>

<a
href="javascript:button(\'nr1\')" >
<div
			id="playerbutton1"
			style="position: relative;
						float: left;
						width: 73px;
						height: 43px;
						padding-right: 11px;
						background-image: url(../../images/player/button_hover.png);
						background-repeat:
						no-repeat;"
			title="zu Favoriten hinzuf&uuml;gen">';


///hier wird dieses bild geladen
include("mysql_favoriten.php");
echo'
</div></a>';
?>

die mysql_favoriten.php datei:
PHP:
<?php 
///ich kopier einfach mal nur!! die ausgabe von der mysql
echo'<img  name="star"
			style="margin: 5px 10px 5px 22px;"
			src="images/navi_starblue.png"
			width="28"
			height="28"
			alt="" />';

?>

Kann es sein das dies nicht funktioniert weil ich die mysql_favoriten datei als include verwende? muss ich den scriptcode in diese datei schreiben? ich verzweifle langsam!

Vielen dank für hilfe!
 
habs selbst herausgefunden!! ;)

PHP:
<?php
echo '<script type="text/javascript">
Zweitbild = new Image(104, 102);
Zweitbild.src = "images/navi_staryellow.png";

nr1 = new Image(104,102);
nr1.src = "images/navi_starblue.png";

function Bildwechsel () {
if(nr1.src == document.images.star[0].src)
	document.images.star[0].src = Zweitbild.src;
	else
	document.images.star[0].src = nr1.src;

}
</script>';
?>

Trotzdem danke
 

Neue Beiträge

Zurück