nicht angemeldet
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">< </font></a> <a href="#" onclick="gallerie('+')"><font face="Verdana, Arial, Helvetica, sans-serif" color="#c8d200">></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