perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE



#!/COMMUNITY

Members: 5374
davon online: 1
weitere User: 19
 Click for quality!



11.02.2012 / 23:16
Community-Member werden   |   Paßwort vergessen   |   OnlineMonitor (1) Wer ist online ... OnlineMonitor starten !
     

 

Home

PERLscripts

PHPscripts

JAVAscripts

Hilfreiches

Links2www

Newscenter

Community

Interna



Community  »  Javascript - Clientprogrammierung zur Themenübersicht Themensuche Themenansicht in Thread-Modus


BeitragBilder autauschen
 Seitenanfang
Hallo!!!

Ich versuche schon ein paar Tage lang 2 Bilder zu vertauschen z.b rot.gif und blau.gif.Wenn man auf rot klickt kommt da blau,und bei blau kommt rot so hab ich mir das vorgestellt.
Das ist der Code den ich bis jetzt gemacht habe ein totaler käse :)

*************************************
<html>
<head>
<title></title>
<script language="javascript">
<!--
bild1=new Image(222,222);
bild1.src="blau.gif";
bild2=new Image(222,222);
bild2.src="rot.gif";

//wenn das rote Bild links und das blaue rechts ist, == bedeutet IST GLEICH und && bedeutet UND
if (document.images['einbild1'].src==bild1.src && document.images['einbild2'].src==bild2.src){

//dann tausche Bild1 (rot) mit Bild2 (blau)
document.images['einbild1'].src=bild2.src;
//dann tausche Bild2 (blau) mit Bild2 (rot)
document.images['einbild2'].src=bild1.src;
}
// sonst umgekehrt!
else{
document.images['einbild1'].src=bild1.src;
document.images['einbild2'].src=bild2.src;
}
//-->

</script>
</head>

<body>
<a href="#"
onClick="bildWechsel(einbild1,bild2)">
<img src= "blau.gif" name="einbild1" width="222" height="222" border="0">
</a>
<a href="#"
onClick="bildWechsel(einbild2,bild1)">
<img src= "rot.gif" name="einbild2" width="222" height="222" border="0">
</a>
</body>
</html>
**************************************
Für euch ist das sicher leicht,aber ich hab da mit diesen code echte Probleme.
Hab auch in Forum gesucht ob es so eine Beitrag gib nicht gefunden ;(
Bitte hilft mir.

Datum: 04.05.2006-14:56
Beitragre: Bilder autauschen
 Seitenanfang
Hi,

ich bin ja eigentlich nicht so für's Lösung posten, aber hier habe ich festgestellt, dass der Denkansatz komplett daneben ist.


<html>
<head>
<title></title>
<script type="text/javascript" language="JavaScript">
<!--
	var bilder=new Array(new Image(222.222).src="/images/search01.gif",new Image(222,222).src="/images/search02.gif");
	var l1="javascript:bildWechsel(", l2=")";
	var d=document;
	function tausche(b) {
		switch (b){
			case 1:
				d.getElementById("b1").src=bilder[1];
				d.getElementById("b2").src=bilder[0];
				d.getElementById("l1").href=l1+"0,0"+l2;
				d.getElementById("l2").href=l1+"1,1"+l2;
			break;
			case 0:
				d.getElementById("b1").src=bilder[0];
				d.getElementById("b2").src=bilder[1];
				d.getElementById("l1").href=l1+"0,1"+l2;
				d.getElementById("l2").href=l1+"1,0"+l2;
			break;
		}
	}
	function bildWechsel(l,s) {
		switch (l){
			case 0:if(s==1) tausche(1); else tausche(0);break;
			case 1:if(s==1) tausche(0); else tausche(1);break;
		}
	}
//-->
</script>
</head>
<body>
<a id=l1 href="javascript:bildWechsel(0,1)"><img src="/images/search01.gif" id=b1 width="222" height="222" alt="" border="0"></a>
<a id=l2 href="javascript:bildWechsel(1,0)"><img src="/images/search02.gif" id=b2 width="222" height="222" alt="" border="0"></a>
</body>
</html>

-uw

Datum: 04.05.2006-20:41
Beitragre: Bilder autauschen
 Seitenanfang
Hmm ich echt schwer das gibt es auch etwas leiteres.
Für dich ist es sicher leicht ich blick da nicht dahinter. :(

Datum: 04.05.2006-23:22
Beitragre: Bilder autauschen
 Seitenanfang
natürlich gibt es etwas leichteres!

de.selfhtml.org

-uw

Datum: 05.05.2006-03:09
Beitragre: Bilder autauschen
 Seitenanfang
fettes game zum testen in 5 welten ^^

http://world-of-dungeons.de/?link_wd_28510

echt nice ^^

Datum: 08.05.2006-14:36
-






-
 -