Bilder tauschen

[Josef]

Hallo Experten

Auf meiner Seite sollen zwei Bilder sichtbar sein, die ihre Positionen austauschen, wenn man sie anklickt.

Wie kriege ich sowas hin?

Danke für eure Hilfe

[EKKi]

Mahlzeit Josef,

Auf meiner Seite sollen zwei Bilder sichtbar sein, die ihre Positionen austauschen, wenn man sie anklickt.

Ihre Positionen? Oder reicht es, wenn die Bilder selbst getauscht werden?

Wie kriege ich sowas hin?

In letzterem Fall: mittels http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=onclick und durch Zugriff auf die "http://de.selfhtml.org/javascript/objekte/images.htm#src@title=src"-Eigenschaft der beiden <img>-Elemente.

MfG,
EKKi

[Josef]

Es reicht wenn die Bilder getauscht werden. Ich habe nur absolut keine Ahnung wie das von der Schreibweise bei zwei Bildern aussehen muss.

Gruß Josef

[ChrisB]

Hi,

Es reicht wenn die Bilder getauscht werden. Ich habe nur absolut keine Ahnung wie das von der Schreibweise bei zwei Bildern aussehen muss.

Über die prinzipielle Vorgehensweise kannst du dich bspw. hier informieren: http://de.selfhtml.org/javascript/beispiele/buttons.htm

(Und bevor du mit der nächsten "ich habe keine Ahnung"-Antwort kommst, zeigst du aber bitte wenigstens, was du bisher ausprobiert hast.

MfG ChrisB

[Josef]

Natürlich habe ich schon einiges ausprobiert.
Ein Bild gegen ein anderes zu tauschen Ist auch nicht schwierig.
Dafür gibt es genug Beispiele.

<script type="text/javascript" language="JavaScript">
<!--
function swap(Bildname,BildURL)
{
document.images[Bildname].src=BildURL;
}

//-->
</script>

<a href="javascript:swap('bild01','images/3.gif')">

<img style="border-style:solid; border-color:#000000; " name="bild01" src="images/4.gif" width="150" height="150" border="0" alt="">

Nur wie ich durch anklicken zwei Bilder gegen einander vertauschen kann, lässt sich daraus für mich nicht ableiten.
Deshalb hoffe ich ja auf professionelle Hilfe.
Danke

Gruß Josef

[ChrisB]

Hi,

Nur wie ich durch anklicken zwei Bilder gegen einander vertauschen kann, lässt sich daraus für mich nicht ableiten.

In dem du dem einen die Quelle zuweist, die vorher das andere hatte, und andersherum.

Wenn du die Quellen nicht im JavaScript notieren willst, sondern direkt aus den src-Attributen der Bilder auslesen willst - dann musst du die Quelle des ersten Bildes erst auslesen und in einer Variablen zwischenspeichern, bevor du ihm die des zweiten Bildes zuweist.

MfG ChrisB

[EKKi]

Mahlzeit Josef,

Nur wie ich durch anklicken zwei Bilder gegen einander vertauschen kann, lässt sich daraus für mich nicht ableiten.

Warum nicht? Du kannst auf Bilder zugreifen und deren "src"-Attribut ändern. Was brauchst Du denn noch mehr?

Hast Du mal "Türme von Hanoi" (o.ä.) gespielt?

Was hältst Du von folgendem (rudimentären) Vorschlag?

<script type="text/javascript">[code lang=javascript]  
  
function swapImage(objQuelle, strZiel) {  
  var objZiel = document.images[strZiel];  
  
  if (objQuelle && objZiel) {  
    var strTmp = objQuelle.src;  
    objQuelle.src = objZiel.src;  
    objZiel.src = strTmp;  
  }  
}

</script>

<img src="foo.jpg" name="bild01" onclick="swapImage(this, 'bild02');">

<img src="bar.jpg" name="bild02" onclick="swapImage(this, 'bild01');">[/code]

Deshalb hoffe ich ja auf professionelle Hilfe.

Die gibt es hier nicht ... ;-)

MfG,
EKKi

[Josef]

Danke genau das habe ich gesucht.

Nochmals Danke für die rasche Hilfe.

Josef

[EKKi]

Mahlzeit Josef,

Ich habe nur absolut keine Ahnung wie das von der Schreibweise bei zwei Bildern aussehen muss.

Hast Du Dir die verlinkten Kapitel von SELFHTML wenigstens angesehen? Was genau hast Du bisher probiert und was funktioniert daran nicht?

MfG,
EKKi