Link AUS Tabelle IN Tabelle, aber wie???

[Karapim]

Hi Leute!!

Ich melde mich wieder an euch, weil ich bis her nur gute Erfahrungen gemacht habe...folgendes Problem besteht:

Ich habe in einer ganz normalen html-datei eine Tabelle:

<table>
  <tr>
    <td>kleines_bild</td>
  </tr>
  <tr>
    <td> hier soll das große bild rein (bild2)</td>
  </tr>
</table>

In der ersten Zelle habe ich eine kleine Grafik. Durch einen Mausklick darauf soll jetzt in der zweiten Zelle die größere Grafik erscheinen. Es ist ein ganz normaler Link, nur leider geht er nicht.
ich habe schon erfahrung mit "onmouseover" und target-dingern...aber mr fällt keine lösung ein...

falls ihr es nicht verstehen solltet, kann ich es gerne noch einmal erklären...

vielen Danke für eure Hilfe...

[Ch.Brodtmann]

Hi
Hab ich das Richtig Verstanden das wenn das erste Bild nicht angklickt wurde die Zelle mit dem grossem Bild leer sein soll?

[Karapim]

Hi
Hab ich das Richtig Verstanden das wenn das erste Bild nicht angklickt wurde die Zelle mit dem grossem Bild leer sein soll?

Es ist egal was in der zweiten zelle drin ist.
Vielleicht kann man es sich so besser Vorstellen:
   Die erste Zelle beinhaltet ein kleines Foto, wenn man darauf klickt, soll man in der zweiten Zelle ein größeres sehen.
Später will ich mehr von diesen kleinen Foto-zellen machen, die alle ihre großen bilder in der einen großen/zweiten Zelle öffnen.. :-)

[Ch.Brodtmann]

Dann Versuchs mal so!!!!

<table>
  <tr>
    <td><a href=# onClick="wechsel();"><img src="kleinesbild.jpg">kleines_bild</a></td>
  </tr>
  <tr>
    <td><img src=irgendwas name="bild2" >   hier soll das große bild rein (bild2)</td>
  </tr>
</table>
<script language="JavaScript">
function wechsel()
{
 document.bild2.src = "grossesbild.jpg";
}
</script>

[Karapim]

DankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDankeDanke... *gg*

jetzt habe ich aber eine unschöne Lösung, weil ich immer andere Funktionen machen muss. Geht das auch eleganter?? :-)

<script language="JavaScript">
function wechsel()
{
 document.main.src = "comp1.gif";
}
function wechsel1()
{
 document.main.src = "comp2.gif";
}
</script>

[Ch.Brodtmann]

Du kannst das auch über Arrays machen!
Beispiel:<img src="leer.jpg" height=100 width=100 name="bild1" onclick="tausch(0)">
<script language="JavaScript">
function tausch(m)
{if(m==0)
{
 document.main.src = "comp1.gif";
 }
}

und dann halt immer mit der if abfrage prüfen welches bild das ist!

[Karapim]

ich komme damit nicht klar...sorry...bin am verzweifeln!!!

ich habe jetzt die unschöne variante (pics_quad.html) und die mit der if-abfrage (pics_quad_ZWEI.html) auf meinen webspace gestellt.

kannst du mir BITTE die if-abfrage so ändern, dass ich die beiden bilder verändern kann? (und später sollen ja noch mehr hin...das kann ich aber dann shcon selbst...)
ich weiß nur nicht wie ich nach den anderen bildern fragen soll??

dankedankedanke :-))

www.karapim.com/data

[Andreas Schneider]

Hallo Karapim,

jetzt habe ich aber eine unschöne Lösung, weil ich immer andere Funktionen machen muss. Geht das auch eleganter?? :-)

Ja, indem Du den Dateinamen als Parameter an die Funktion übergibst:

<script language="JavaScript">

<script type="text/javascript">

function wechsel(bild)
{
 document.main.src = bild;
}

</script>

Der Aufruf:
<a href="#" onClick="wechsel('comp1.gif');">

Grüße
Andreas

[Gunther]

Hallo,

mir fällt da so spontan folgendes zu ein:

Setzte in die Zelle der zweiten Reihe zuerst ein 'Blind-Gif', also ein transparentes Gif 1x1 Pixel groß. Beim Anklicken deines Vorschaubildes rufst du dann eine JS-Funktion auf, welche dem Blind-Gif als neue Source (src) dann dein großes Bild zuweist.

So sollte es eigentlich klappen.

Gruß Gunther