Bildergalerie mit Link

[Carmenta79]

Hallo Zusammen,

ich habe mich jetzt eine lange Zeit mit der Galerie beschäftigt und stehe glaube ich kurz vor der Lösung. Aber ich schaffe es nicht ganz und brauche bitte eure Hilfe:

Ich habe eine BilderGallerie mit Javascript und möchte das die erscheinenden Bilder zu einer URL verlinkt werden.
Das Script sieht so aus:

<script>
<!--
var myImages = new Array();
  myImages[1] = new Image();
  myImages[1] = { 'src' : 'pic/farbjazz.gif',
                'dsc' : 'http://www.farbtopfjazz.de' };
  myImages[2] = new Image();
  myImages[2] = { 'src' : 'pic/oswald.gif',
                'dsc' : 'http://www.maxosvald.de' };
  myImages[3] = new Image()
  myImages[3] = { 'src' : 'pic/xam.gif',
                'dsc' : 'http://www.xam-graphics.com' };
  myImages[4] = new Image()
  myImages[4] = { 'src' : 'pic/arlt.gif',
                'dsc' : 'http://www.bastiarlt.de' };

var maxValue = myImages.length - 1;
  var intValue = 1;
  function gallerie(charValue) {
  if(charValue == 'c') {
    document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue].src + "'>";
    document.getElementById("imgGallerieUnterschrift").innerHTML = "<a href='" + myImages[intValue].dsc + "'></a>";
   }
   else if(charValue == '+') {
    if(intValue == maxValue) {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[1].src + "'>";
     document.getElementById("imgGallerieUnterschrift").innerHTML = "<a href='" + myImages[1].dsc + "'></a>";
     intValue = 1;
    }
    else {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue + 1].src + "'>";
     document.getElementById("imgGallerieUnterschrift").innerHTML = "<a href='" + myImages[intValue + 1].dsc + "'></a>";
     intValue = intValue + 1;
    }
   }
   else if(charValue == '-') {
    if(intValue == 1) {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[maxValue].src + "'>";
     document.getElementById("imgGallerieUnterschrift").innerHTML = "<a href='" + myImages[maxValue].dsc + "'></a>";
     intValue = maxValue;
    }
    else {
     document.getElementById("imgGallerie").innerHTML = "<img src='" + myImages[intValue - 1].src + "'>";
     document.getElementById("imgGallerieUnterschrift").innerHTML = "<a href='" + myImages[intValue - 1].dsc + "'></a>";
     intValue = intValue - 1;
    }
   }
  }

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<tr>
    <td width="675" height="525"><div id="imgGallerie"></div></td>
    <td  valign="bottom"align="left" class="bilduntershrift">
    <div class="pfeile" align="left" style="float:left;"><a href="#" onclick="gallerie('-')"><font color="#c8d200" face="Verdana, Arial, Helvetica, sans-serif">&lt;&nbsp;&nbsp;</font></a> <a href="#" onclick="gallerie('+')"><font face="Verdana, Arial, Helvetica, sans-serif" color="#c8d200">&gt;</font></a></div>
        <div align="left" class="pfeile" id="rechts"></div>
        <div id="imgGallerieUnterschrift" style="float:right;"></div>
    </td>

Ich danke für jede Hilfe,

Gruß Carmenta

[EKKi]

Mahlzeit Carmenta79,

Ich habe eine BilderGallerie mit Javascript und möchte das die erscheinenden Bilder zu einer URL verlinkt werden.

Wie genau lautet Deine Frage? Deine Absicht ist klar - aber was hast Du bisher versucht? Woran bist Du gescheitert?

<script>

Es fehlt das zwingend notwendige http://de.selfhtml.org/html/referenz/attribute.htm#script@title=type-Attribut.

<!--

Was hat ein HTML-Kommentar in einem Javascript-Code-Teil verloren?

if(charValue == 'c') {
   }
   else if(charValue == '+') {
   }
   else if(charValue == '-') {
    else {
   }
  }

http://de.selfhtml.org/javascript/sprache/bedingt.htm#switch@title=switch() kennst Du?

function MM_swapImgRestore() { //v3.0

function MM_preloadImages() { //v3.0

function MM_findObj(n, d) { //v4.01

function MM_swapImage() { //v3.0

Uaaahhh ... raus damit!

<tr>
    <td width="675" height="525"><div id="imgGallerie"></div></td>
    <td  valign="bottom"align="left" class="bilduntershrift">
    <div class="pfeile" align="left" style="float:left;"><a href="#" onclick="gallerie('-')"><font color="#c8d200" face="Verdana, Arial, Helvetica, sans-serif">&lt;&nbsp;&nbsp;</font></a> <a href="#" onclick="gallerie('+')"><font face="Verdana, Arial, Helvetica, sans-serif" color="#c8d200">&gt;</font></a></div>
        <div align="left" class="pfeile" id="rechts"></div>
        <div id="imgGallerieUnterschrift" style="float:right;"></div>
    </td>

Ich sehe eine Tabelle - jedoch keine tabellarischen Daten ... (Zitat 1068)

MfG,
EKKi