nicht angemeldet
Javascript 2.er Spalte zuweisen
Hallo
Ich bin gerade dabei eine Webseite zu basteln und seit duzenden von Stundne am versuchen das Java Script für eine Diashow in die 2. Spalte von meiner Tabelle, welche sich im Head befindet zuzuweisen. Irgendwie klappt alles nicht :(
Diashow funktioniert zwar, aber nur immer in der 1. Spalte... und nicht wo es eigentlich sein sollte in der 2. Bin totaler Anfänger und brauche Hilfe.
Der html code sieht zur Zeit wie folgt aus. Ändert alle paar Minuten wieder. Bin für jede Hilfe dankbar.
<body>
<!-- Begin Container -->
<div id="container">
<!-- Begin Masthead -->
<div id="masthead">
<table style="width: 100%">
<tr>
<td style="width: 219px; height: 320px;">
<img src="Logo_Casagate_Web_Blau.png" alt="logo" width="219" height="150" /></td>
<td style="width: 700px; height: 320px;">
<img src="images/07.jpg" width="700" height="400" /></td>
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "images/01.jpg";
b[1] = new Image(); b[1].src = "images/02.jpg";
b[2] = new Image(); b[2].src = "images/03.jpg";
b[3] = new Image(); b[3].src = "images/07.jpg";
var i = 0;
function Animation () {
if (i > 3)
i = 0;
document.images[0].src = b[i].src;
i = i + 1;
window.setTimeout("Animation()", 5000);
}
window.setTimeout("Animation()", 5000);
</script>
</tr>
</table>
</div>
<!-- End Masthead -->
-
Hi,
<div id="masthead">
<table style="width: 100%">Tabellen zur Gestaltung zu benutzen ist eher "out", <div> mit CSS ist in! Und beides durcheinander ist ... irgendwie Inkonsequent
Zu deinem Problem
document.images[0].src = b[i].src;
Damit sprichst du das 1. Bild, das in deinem Code vorkommt, an - also das in der ersten Zelle. Wenn du statt [0] die [1] setzt, sollte es funktionieren - solange, bis du noch ein Bild davor einsetzt. Daher ist es sinniger, dem Bild, das sich ändern soll ein name="slideshow" -Attribut zu verpassen, und das dann wie folgt anzusprechen:
document.images.slideshow.src = b[i].src;
Grüße
Lukas
-
Mahlzeit lylah,
Diashow funktioniert zwar, aber nur immer in der 1. Spalte... und nicht wo es eigentlich sein sollte in der 2. Bin totaler Anfänger und brauche Hilfe.
Das Javascript "funktioniert" nicht in irgendeiner Spalte, sondern es tut genau das, was es tun soll und zwar genau dann, wann es das tun soll. Im konkreten Fall ist es erst einmal vollkommen bedeutungslos, wo der Javascript-Code steht (deswegen solltest Du ihn in den Dateikopf auslagern). Es wird mittels der Anweisung
window.[ref:self812;javascript/objekte/window.htm#set_timeout@title=setTimeout]("Animation()", 5000);ein Timeout aufgerufen, der die Funktion "Animation()" nach genau 5 Sekunden aufruft.
In dieser Funktion befindet sich "hart verdrahtet" der Aufruf
document.[ref:self812;javascript/objekte/images.htm@title=images][0].src = b[i].src;der dem ersten Bild im Dokument eine andere Quelle zuweist. Da sich das erste Bild im Dokument offenbar in der linken Spalte befindet, ändert sich dieses. Du solltest an dieser Stelle das gewünschte Bild einbauen oder die Funktion "Animation()" ggf. um http://de.selfhtml.org/javascript/sprache/funktionen.htm@title=Aufrufparameter erweitern.
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:| -
Es funktioniert! Danke tausend EKKi & Lukas.
lylah