Bilder Übersicht mit Diashow über Frame verknüpfen

[tobi-848]

hallo zusammen

das problem mit der übersicht ist jetzt gelöst...

nun möchte ich diese bilderübersicht mit der diashow verknüpfen. Also wenn bei der übersicht auf das bild 2 geklickt wird, sollte die diashow bei bild 2 beginnen. Dies sollte wenn möglich über ein frame geschehen.

Ist dies irgendwie möglich?

Hier die beiden Codes (BILDERÜBERSICHT & DIASHOW)

bilderübersicht:

<script>
var i
function Bild(nr) {
    this.nr;
    this.src = '<img src="../../bilder/natel/' + nr + '.jpg" alt="" width="10%">';
    this.write = function()
    {
        document.write( this.src.link(this.href));
    };

}
var bilder=[]
var url = [
'link 0',
'link 1',
'link 2',
'link 3',
'link 4',
'link 5',
'link 6',
'link 7',
'link 8',
'link 9',
'link 10',
'link 11',
'link 12',
'link 13',
'link 14',
'link 15',
'link 16',
'link 17',
'link 18',
'link 19',
'link 20',
'link 21',
'link 22',
'link 23',
'link 24',
'link 25',
'link 26',
'link 27',
'link 28',
'link 29',
];

for(var i = 0; i < url.length; i++)
{
bilder[i] = new Bild(i);
bilder[i].href = url[i];
}
for(i = 0; i < bilder.length; i++) bilder[i].write();
</script> 

diashow:

<style media="screen" type="text/css"><!--
p { color: black; font-size: 12px; line-height: 14px; font-family: "Times New Roman", Times, Georgia }
h2 { color: black; font-style: normal; font-weight: bold; font-size: 20px; font-family: "Times New Roman", Times, Georgia }
h1 { color: black; font-style: normal; font-weight: normal; font-size: 20px; line-height: 20px; font-family: "Times New Roman", Times, Georgia }
h3 { color: black; font-style: normal; font-weight: normal; font-size: 10px; line-height: 20px; font-family: "Times New Roman", Times, Georgia }
h4 { color: black; font-style: normal; font-weight: normal; font-size: 40px; line-height: 40px; font-family: "Times New Roman", Times, Georgia }
h6 { color: black; font-style: normal; font-weight: normal; font-size: 60px; line-height: 60px; font-family: "Times New Roman", Times, Georgia }
--></style>

<style media="screen" type="text/css"><!--
p { color: black; font-size: 12px; line-height: 14px; font-family: "Times New Roman", Times, Georgia }
h2 { color: black; font-style: normal; font-weight: bold; font-size: 20px; font-family: "Times New Roman", Times, Georgia }
h1 { color: black; font-style: normal; font-weight: normal; font-size: 20px; line-height: 20px; font-family: "Times New Roman", Times, Georgia }
h3 { color: black; font-style: normal; font-weight: normal; font-size: 10px; line-height: 20px; font-family: "Times New Roman", Times, Georgia }
h4 { color: black; font-style: normal; font-weight: normal; font-size: 40px; line-height: 40px; font-family: "Times New Roman", Times, Georgia }
h6 { color: black; font-style: normal; font-weight: normal; font-size: 60px; line-height: 60px; font-family: "Times New Roman", Times, Georgia }
--></style>
<script>
var a=-1;
var b=5;
var c=0;
var bilder=new Array ("../../bilder/natel/1.jpg", "../../bilder/natel/2.jpg", "../../bilder/natel/3.jpg", "../../bilder/natel/4.jpg", "../../bilder/natel/5.jpg", "../../bilder/natel/6.jpg", "../../bilder/natel/7.jpg", "../../bilder/natel/8.jpg", "../../bilder/natel/9.jpg", "../../bilder/natel/10.jpg", "../../bilder/natel/11.jpg", "../../bilder/natel/12.jpg", "../../bilder/natel/13.jpg", "../../bilder/natel/14.jpg", "../../bilder/natel/15.jpg", "../../bilder/natel/16.jpg", "../../bilder/natel/17.jpg", "../../bilder/natel/18.jpg", "../../bilder/natel/19.jpg", "../../bilder/natel/20.jpg", "../../bilder/natel/21.jpg", "../../bilder/natel/22.jpg", "../../bilder/natel/23.jpg", "../../bilder/natel/24.jpg", "../../bilder/natel/25.jpg", "../../bilder/natel/26.jpg", "../../bilder/natel/27.jpg", "../../bilder/natel/28.jpg", "../../bilder/natel/29.jpg", "../../bilder/natel/30.jpg")
var im=new Image();
var a=0;
var b = bilder.length;

function vorw()
{
if (a == (b - 1))
{
  a = 0;
} else {
  a++;
}
window.document.images[2].src=bilder[a];
}

function rueckw()
{
if (a == 0)
{
  a = b - 1;
} else {
  a--
}
window.document.images[2].src=bilder[a];
}
</script>
<div align="center">
<a href="javascript:rueckw()"><img src="../../bilder/pfeillinks.jpg" width="10%"></a>
<a href="javascript:vorw()"><img src="../../bilder/pfeilrechts.jpg" width="10%"></a>
<br>
<br>
<img src="../../bilder/jcbild.jpg" width="50%"><br> 

Danke im vorraus

Tobi