ausgetauschte bilder austauschen

**edeltraud** · 06-06-2005 22:14

hallo

zu meinem problem finde ich nix nützliches (vllt verwend ich die suchmaschine auch falsch..)
das prob ist folgendes:
ich möchte mit einer funktion vier bilder austauschen, das funktioniert auch gut. dann möchte ich die ausgetauschten bilder wieder austauschen, das funktioniert aber nicht nichmal

ich erzeuge einige bilder:

Code:

document.write ('<td><img src="pics/'+i+j+'.jpg" id="'+i+j+'" onClick="move('+i+','+j+')"></td>');

danach hab ich die funtion move() in der die bilder ausgetauscht werden:
(bilder sind numerisch benannt..)

Code:

function move (i,j) {

if (i==0)
{
 	 			 for (k=0;k<4;k++)
				 		 {
						 				if (k==3)
										{
										x=new Image();
										i=1;
										x.src="pics/"+4+j+".jpg";
										c=new String();
										c=c.concat((i).toString());
										c=c.concat((j).toString());
										//alert(c);
										document.getElementById(c).src = x.src;
										}else{
										x=new Image();
										i=i+1;
										x.src="pics/"+i+j+".jpg";
										c=new String();
										c=c.concat((i+1).toString());
										c=c.concat((j).toString());
										//alert(c);
										document.getElementById(c).src = x.src;}//else end
							}//FOR END
}//IF END
}//FUNCTION END

wie mach ich das das ich die ausgetauschten bilder wieder austausche?
ich versteh glaub ich wioeso das nihct funzt: immerhin greif ich ja auf die Id des <img> tags zu, das eine fixe source hat...
kann ich das über node´s machen? (ich frag bevor ich mich genauer damit auseinandersetze, vllt isses ja eine sackgasse...)

hier einfach nochmal der ganze code, zwecks vollständigkeit...
danke schon jetzt für antworten
mfg
G

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>bildaustausch</title>
<link rel="stylesheet" type="text/css" href="style.css" />

<script language="JavaScript" type="text/javascript">
<!--


document.write ("<table border='0' cellspacing='0' cellpadding='0'>");


for (i=0;i<6;i++) {
   document.write ("<tr>");
	   for (j=0;j<6;j++) {
		  if (
 (i==0) && (0<j<5) || 
 (i==5) && (0<j<5) || 
 (0<i<5) && (j==0) ||
 (0<i<5) && (j==5) 
) 
  { 
   document.write ('<td><img src="pics/'+i+j+'.jpg" id="'+i+j+'" onClick="move('+i+','+j+')"></td>');
  }
		else {    
				document.write ('<td><img src="pics/'+i+j+'.jpg" id="'+i+j+'"></td>');
//				document.status=id;
				 }
				 							 }
   document.write ("</tr>");
									}
			
document.write ("</table>");


function move (i,j) {

if (i==0)
{
 	 			 for (k=0;k<4;k++)
				 		 {
						 				if (k==3)
										{
										x=new Image();
										i=1;
										x.src="pics/"+4+j+".jpg";
										c=new String();
										c=c.concat((i).toString());
										c=c.concat((j).toString());
										//alert(c);
										document.getElementById(c).src = x.src;
										}else{
										x=new Image();
										i=i+1;
										x.src="pics/"+i+j+".jpg";
										c=new String();
										c=c.concat((i+1).toString());
										c=c.concat((j).toString());
										//alert(c);
										document.getElementById(c).src = x.src;}//else end
							}//FOR END
}//IF END


if (j==0)
{
 	 			 for (k=0;k<4;k++)
				 		 {
						 				if (k==3)
										{
										x=new Image();
										j=1;
										x.src="pics/"+i+4+".jpg";
										c=new String();
										c=c.concat((i).toString());
										c=c.concat((j).toString());
										//alert(c);
										document.getElementById(c).src = x.src;
										}else{
										x=new Image();
										j=j+1;
										x.src="pics/"+i+j+".jpg";
										c=new String();
										c=c.concat((i).toString());
										c=c.concat((j+1).toString());
										//alert(c);
										document.getElementById(c).src = x.src;}//else end
							}//FOR END
}//IF END

}//function END


//-->
</script>

</head>
<body>

</body>
</html>

**Hawk63** · 06-06-2005 22:48

Hallo,

wenn ich Dich richtig verstehe, die Seite wird geladen und es werden vier Bilder geladen. Wenn Du eine link oder button klicks sollen die nächsten vier Bilder geladen werden u.s.w.

wenn die Bilderreihe am Ende ist soll es von vorne losgehen.

**edeltraud** · 06-06-2005 23:02

genaugenommen werden 16 bilder geladen und im quadrat angeordnet
(also 4 reihen, 4 spalten)
vor jeder reihe und vor jeder spalte ist ein button.
wenn man den klickt soll die reihe weitergeschoben werden, des letzte bild soll dann an erster stelle sein, das erste an zweiter stelle, das zweite an dritter und das dritte an letzter stell.
soweit funzt es ja auch
nur wenn man dann noch mal drauf klickt passiert nix...
jetz sollte aber die reihe wieder weitergeschoben werden
zwecks übersichtlichkeit häng ich das ganze mal incl bilder an
[edit]da sind noch ein paar unnötige alerts drin, wegen versuchszweck und so... nbisi nervig..[/edit]

pit-r · 06-06-2005 23:10

Moin!

Zitat von edeltraud

immerhin greif ich ja auf die Id des <img> tags zu, das eine fixe source hat...

Die ist nicht mehr fix (die src) nachdem Du sie verändert hast. Reicht das als Ansatz?

Ahoi - Pit

**edeltraud** · 06-06-2005 23:18

anscheinend schon.. wie gesagt, ich kann die reihe nur einmal verschieben, wenn iche in zweites mal drauf klicke tut sich nix...

Thema: ausgetauschte bilder austauschen

LinkBack

Themen-Optionen

Anzeige

ausgetauschte bilder austauschen

Empfehlenswerte Literatur von unserem Partner Terrashop

AW: ausgetauschte bilder austauschen

AW: ausgetauschte bilder austauschen

AW: ausgetauschte bilder austauschen

AW: ausgetauschte bilder austauschen

Ähnliche Themen

Bilder aus Verzeichnis lesen und anzeigen

Bilder austauschen???

Bilder aus Russland

Bilder optimieren, wie?

JS welches Bilder aus nem Ordner lädt

Lesezeichen

Lesezeichen

Berechtigungen