Datenschutzerklärung

Slideshow und die Bilder verlinken

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Slideshow und die Bilder verlinken

  Beitrag schreiben
Autor
Beitrag Seiten: 1
mulan
Mitglied

Ort: 28719 Bremen
Registriert: 06.07.2006
Beiträge: 1
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="|&lt;" onClick="aktnr=1;bild(0);">
    <input style="font-size: 9px; padding: 0px;" TYPE="button" value="&lt;" onClick="bild(-1)">

    <input style="font-size: 9px; padding: 0px;" TYPE="button" value="&gt;" onClick="bild(1)">
    <input style="font-size: 9px; padding: 0px;" TYPE="button" value=">|" onClick="aktnr=maxnr;bild(0);">
  </form>
  <BR>
</body>
</html>


06.07.2006 14:42:45
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01