Thema: Slideshow und die Bilder verlinken
Hallo Leute,
ich habe ein kleines Problem mit mein JavaSript "Slideshow".
Ich möchte gerne wenn ein Besucher in das kleine angezeigte Bild (BK1.jpg usw.) klickt, das sich eine neues Fenster mit
der entsprechenden HTML Seite (BG1.html usw.) öffnet. Hier wird das kleine Bild in Großansicht dargestellt.
Geht das überhaupt? Und wenn Ja, kann mir jemand helfen wie ich dies in mein Script einbauen kann?
Vielen Dank im voraus
Hier das Script:
<script LANGUAGE="JavaScript">
<!--
var maxnr=7;
var aktnr=0;
var halt=1;
var an=1;
function bild(nr) {
bld=new Array();
bld[1]="BK1.jpg";
bld[2]="BK2.jpg";
bld[3]="BK3.jpg";
bld[4]="BK4.jpg";
bld[5]="BK5.jpg";
bld[6]="BK6.jpg";
bld[7]="BK7.jpg";
if (an) {
aktnr+=nr;
if (aktnr<1)
aktnr=maxnr;
else if (aktnr>maxnr)
aktnr=1;
document.slide.src=bld[aktnr];
}
}
function show() {
if (!halt) {
bild(1);
setTimeout("show()",5000);
}
if (halt==1) {
document.form1.X88.disabled=true;
document.form1.X99.disabled=false;
}
else {
document.form1.X88.disabled=false;
document.form1.X99.disabled=true;
}
}
function power() {
if (!an) {
document.schalter.src="";
document.slide.src="";
aktnr=0;
halt=1;
an=1;
}
else {
document.slide.src="";
document.schalter.src="";
an=0;
}
}
// -->
</script>
<body onload="halt=0;show()">
<img SRC="BK1.jpg" name="slide" ALT="Slide-Show" width="90" height="100">
<form name="form1"><br>
<input name="X99" style="font-size: 9px; padding: 0px;" TYPE="button" value="Start" onClick="halt=0;show()">
<input name="X88" style="font-size: 9px; padding: 0px;" TYPE="button" value="Stop" onClick="halt=1"><br />
<input style="font-size: 9px; padding: 0px;" TYPE="button" value="|<" onClick="aktnr=1;bild(0);">
<input style="font-size: 9px; padding: 0px;" TYPE="button" value="<" onClick="bild(-1)">
<input style="font-size: 9px; padding: 0px;" TYPE="button" value=">" onClick="bild(1)">
<input style="font-size: 9px; padding: 0px;" TYPE="button" value=">|" onClick="aktnr=maxnr;bild(0);">
</form>
<BR>
</body>
</html>