thumbnail und großbild plus Bildzeile?

[Michael Kaiser]

Hallo,

ich möchte in einer kleinen Tabelle ein paar thumbnails anbieten und bei Klick eines davon größer in einer Tabellenzelle auf derselben Seiten darstellen. Dafür habe ich das folgende Script. Meine Frage: Wie muss ich das Script bzw. die Funktion ergänzen, um dem vergrößert dargestellten Bild auch noch eine Bildzeile zu verpassen?

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

var aryImages = new Array(7);

aryImages[0] = "bilder/selbstausloeser.png";
  aryImages[1] = "bilder/gerald.png";
  aryImages[2] = "bilder/fiete.png";
  aryImages[3] = "bilder/micha_bmw.png";
  aryImages[4] = "bilder/tonenburg.png";
  aryImages[5] = "bilder/fieteundandre.png";
  aryImages[6] = "bilder/olly.png";

for (i=0; i < aryImages.length; i++) {
    var preload = new Image();
    preload.src = aryImages[i];
  }

function swap(imgIndex) {
    document['imgMain'].src = aryImages[imgIndex];
 }
// - Ende JavaScript - -->

Micha

[XaraX]

Hallo Micha,

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

var aryImages = new Array(7);

aryImages[0] = "bilder/selbstausloeser.png";
  aryImages[1] = "bilder/gerald.png";
  aryImages[2] = "bilder/fiete.png";
  aryImages[3] = "bilder/micha_bmw.png";
  aryImages[4] = "bilder/tonenburg.png";
  aryImages[5] = "bilder/fieteundandre.png";
  aryImages[6] = "bilder/olly.png";

var texte=new Array()
    text[0]="Dieses Bild entstand ..."
    text[1]=".1.."
    text[2]=".2.."
    text[3]=".3.."
    text[4]=".4.."
    text[5]=".5.."
    text[6]=".6.."

for (i=0; i < aryImages.length; i++) {
    var preload = new Image();
    preload.src = aryImages[i];
  }

function swap(imgIndex) {
    document['imgMain'].src = aryImages[imgIndex];

document.getElementById("i_text").firstChild.nodeValue=text[imgIndex];

}
// - Ende JavaScript - -->

</script>
~
<table>
 ~
 <td><p id="i_text"> </p></td>

Gruß aus Berlin!
eddi