Patty: Probleme mit Java Script

Hallo!

Auf unserer Seite haben wir ein Sponsorenbanner mit wechselnden Bildern eingebunden - das ganze funktioniert einwandfrei, bis ich versuche es um weitere Bilder zu erweitern.

Hier kann man es sich mal angucken: www.fellbach-cheerleadersquads.de - einfach ohne Intro auf die Seite und dann rechts gucken.

Ich benutze folgenden Quelltext - was muß ich machen, um weitere Bilder einzufügen???
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
   <meta name="description" content="Dies ist die Internetpräsenz der Fellbach Cheerleadersquads">
   <meta name="author" content="Bernhard Buhl">
   <meta name="keywords" lang="de" content="Cheerleading,Cheer,Tanz,Chant,Sport,Akrobatik,Balance,Körperertüchtigung,Fellbach,Schmiden,Spaß,Fireballs,Flames,Fantasies,Peewees,Spirit,PomPom,Show,Pyramiden,Jumps,Motions,Cheerleader,Cheerboy,College-Style,Danceteam,Groupstunt,Coed,Mixed,All Girl,Bilder,Gallerie">
   <meta name="keywords" lang="en" content="cheerleading,cheer,dance,chant,sports,acrobatics,balance,fellbach,schmiden,fun,fireballs,flames,fantasies,peewees,spirit,pompom,show,pyramides,jumps,motions,cheerleader,cheerboy,college-style,danceteam,groupstunt,coed,mixed, all girl,pics,pictures,gallery,galleries">
   <meta name="date" content="2003-07-29T00:00:00+00:00">
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="Content-Script-Type" content="text/javascript">
   <meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">
   <!--
    a:link {  font-weight:bold; color:000066; }
    a:visited {  font-weight:bold; color:000066; }
    a:hover {  font-weight:bold; color:red; }
   -->
   </style>

<!--SPONSORENBANNER ANFANG-->

<script language="JavaScript">
<!--
Bild1 = new Image();
Bild1.src = "../images/werbung1.jpg";
Bild2 = new Image();
Bild2.src = "../images/werbung2.jpg";
Bild3 = new Image();
Bild3.src = "../images/werbung3.jpg";
Bild4 = new Image();
Bild4.src = "../images/werbung4.jpg";
Bild5 = new Image();
Bild5.src = "http://www.tanzschule-fellbach.de/banner/150x190.jpg";
Bild6 = new Image();
Bild6.scr = "../sponsoren/jsblech.jpg";
Bild7 = new Image();
Bild7.scr = "../sponsoren/bsjazz.gif";
Bild8 = new Image();
Bild8.scr = "../sponsoren/ips4u.gif";

var i="1";
var Bild = i;
function Bildwechsel()
{
 switch(i)
 {
 case "1":
  i="2";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild2.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "2":
  i="3";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild3.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "3":
  i="4";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild4.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "4":
  i="5";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild5.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "5":
  i="6";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild6.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "6":
  i="7";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild7.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "7":
  i="8";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild8.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 case "8":
  i="1";
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild1.src;
  document.all.DynBild.filters.revealTrans.Play();
  break;
 }
};
function Verweis()
{
 switch(i)
 {
 case "1":
  window.open("sponsoren.html","main");
  break;
 case "2":
  window.open("sponsoren.html","main");
  break;
 case "3":
  window.open("sponsoren.html","main");
  break;
 case "4":
  window.open("sponsoren.html","main");
  break;
 case "5":
  window.open("http://www.tanzschule-fellbach.de","_blank");
  break;
 case "6":
  window.open("http://www.js-blechbearbeitung.de","_blank");
  break;
 case "7":
  window.open("sponsoren.html","main");
  break;
 case "8":
  window.open("http://www.ips4u.de","_blank");
  break;

}
};
//-->
</script>

<!--SPONSORENBANNER ENDE-->

<title>..: DIE FELLBACH CHEERLEADERSQUADS HEISSEN SIE WILLKOMMEN! :..</title>

</head>

<body leftmargin="0" topmargin="0">

<img src="../images/sponsorbutton.jpg" border="0">

<!--SPONSORENBANNER ANFANG-->
<img id="DynBild" src="../images/werbung1.jpg" style="filter:revealTrans(Duration=4,Transition=12)" border=0 onClick="Verweis(i)">
<script language="JavaScript">
<!--
window.setInterval("Bildwechsel(i)",10000);
//-->
</script>
<!--SPONSORENBANNER ENDE-->

<a href="http://www.freestyle-stuttgart.de" target="_blank"><img src="../images/newsbutton.jpg" border="0"></a>

<!--FREESTYLENEWSTICKER ANFANG-->
<iframe width=150 height=105 frameborder=0 scrolling=no src="http://www.freestyle-stuttgart.de/common/ticker/ticker.php?sizex=150&sizey=105&bgcolor=ffffff&textcolor=000066&area=de&sportart=cheerleading"></iframe>
<!--FREESTYLENEWSTICKER ENDE-->

<img src="../images/wetterbutton.jpg" border="0">

<!-- ANFANG wetter.com-Button -->
<a href="http://www.wetter.com/home/extern/location.php?type=WORLD&id=29770"><img src="http://www.wetter.com/home/woys/woys.php?,C,3,WORLD,29770" border="0" alt=""></a>
<!-- ENDE wetter.com-Button -->

<a href="disclaimer.html" target="main">
<img src="../images/disclbutton.jpg" border="0">
</a>

</body>
</html>

Würde mich über Tips sehr freuen - muß dringend neue Bilder hinzufügen ;)

Grüßle
Patty

  1. hi,

    Ich benutze folgenden Quelltext - was muß ich machen, um weitere Bilder einzufügen???

    <script language="JavaScript">
    <!--
    Bild1 = new Image();
    Bild1.src = "../images/werbung1.jpg";
    Bild8 = new Image();
    Bild8.scr = "../sponsoren/ips4u.gif";

    hier weitere bilder einfügen ...

    function Bildwechsel()
    {
     switch(i)
     {
     case "1":
      i="2";

    hier weitere bilder einfügen ...

    function Verweis()
    {
     switch(i)
     {
     case "1":
      window.open("sponsoren.html","main");
      break;

    hier weitere bilder einfügen ...

    das ganze script kannst du allerdings besser gleich mit hilfe von arrays aufbauen, in denen du die jeweiligen bildnamen, zugehörigen URLs etc. ablegst - der code oben ist wenig effizient.

    gruss,
    wahsaga

    1. das ganze script kannst du allerdings besser gleich mit hilfe von arrays aufbauen, in denen du die jeweiligen bildnamen, zugehörigen URLs etc. ablegst - der code oben ist wenig effizient.

      Hab ich gemacht (also an allen 3 Stellen die Bilder einfügen usw) - er macht dann folgendes:
      Ruft sozusagen die Bilder auf, zeigt aber nur rote x obwohl der Pfad zu den Bildern richtig ist ... das Script wird also abgearbeitet, bloß die Bilder nicht angezeigt *schnüff*.

      Wie müßte denn der Quelltext mit den Arrays ausehen (bin da nicht so fit drin)?

      Danke für die schnelle Antwort!