Zwei Bildwechsel auf einer Seite
0 
Tobias Kloth
0 0 Detlef G.
0 0 0
Zwei Bildwechsel auf einer Seite
Hallo. Ich bastle an einer Webseite, habe aber bislang kaum Erfahrung mit so was. Ich möchte jetzt auf einer Seite zwei Bildwechsel realisieren. Versucht habe ich das mit window.document.images[] usw. Mit einer Funktion klappt das auch sehr gut, aber bei den zweien, die ich jetzt eingebunden habe, wechseln die Bilder, von denen ich meine, ich hätte sie einer zweiten Funktion zugeordnet, auf dem Platz des ersten Bildes. Meine Vermutung ist, dass das window.document auch wenn ich es zweimal im Script habe, sich nur an einer Stelle auswirkt. Hab aber keine Ahnung, ob das stimmen könnte und noch viel weniger, was ich jetzt damit machen soll. Habt ihr eine Idee oder kennt das Problem oder so???
-
Hallo Jan,
Hab aber keine Ahnung, [...] was ich jetzt [...] machen soll.
Den relevanten(!) Code hier posten. Ohne den Code (bzw. ein URL unter der man sich das anschauen kann) gibt das nur eine wilde Raterei.
Grüße aus Nürnberg
TobiasPS: ein paar Zeilenumbrüche schaden beim Posten auch nicht ...
-
Hi,
Meine Vermutung ist, dass das window.document auch wenn ich es zweimal im Script habe, sich nur an einer Stelle auswirkt.
ähm, ja - nämlich im vorliegenden Dokument. Das document-Objekt gibt es genau ein Mal pro Dokument, daher auch sein Name.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Hallo Jan
... Mit einer Funktion klappt das auch sehr gut, aber bei den zweien, die ich jetzt eingebunden habe, wechseln die Bilder, von denen ich meine, ich hätte sie einer zweiten Funktion zugeordnet, auf dem Platz des ersten Bildes.
Du brauchst nicht mehrere Funktionen dazu, sondern eine Funktion, die mehrere
Bilder wechseln kann.Wenn du eine Funktion, die ein bestimmtes Bild wechselst mehrmals einbindest,
werden diese immer genau dieses Bild wechseln.Schau dir mal Dynamische grafische Buttons an und lies die Erläuterungen.
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin! -
Gib den Bildern einen Namen, und Du kannst sie direkt und einfach mit document.BILDNAME.src ansprechen, austauschen, verzerren, was auch immer Du damit vorhast. (Bildnamen vergibt man mit <img src=...... name="MEIN_TOLLES_BILD_1"> )
-
Vielen Dank für die Antworten schon mal :) Ich hab das mit den Buttons gelesen, bin aber noch nicht sicher, ob ich das 'übersetzen' kann. Ich hatte eigentlich auch schon eine sehr gute andere Lösung, die im InternetExplorer auch läuft, nur unter Netscape eben nicht, dafür suche ich jetzt nach einer Lösung. Vielleicht kann man aber auch einfach das script modifizieren..?
Entschuldigt meine Unbedarftheit, bin halt ein Anfänger...
Hier also das Script (Ursprünglich waren im Script 11 bilder)...<html>
<head>
<title> Album </title>
<link rel="stylesheet" type="text/css" href="album.css"/><script language="JavaScript">
<!--
var a=0;
var layers=document.all.tags("div");function vor()
{
a++;
if (a<11)
{
if (a!=0)
{
layers[a-1].style.visibility='hidden';
}
layers[a].style.visibility='visible';
}
else
{
layers[a-1].style.visibility='hidden';
a=-1;
vor();
}
}function zurueck()
{
a--;
if (a>-1)
{
layers[a].style.visibility='visible';
if (a!=10)
{
layers[a+1].style.visibility='hidden';
}
}
else
{
layers[a+1].style.visibility='hidden';
a=11;
zurueck();
}
}
//-->
</script></head>
<body background="04983.jpg" >
<h3 class="t1" align="center"> Blättern... </h3>
<img src="album2.jpg" usemap="#pfeile" border=0 >
<map name="pfeile">
<area shape="rect" coords="34,377,68,393" onclick="zurueck()" alt="zum Bild davor">
<area shape="rect" coords="677,377,713,393" onclick="vor()" alt="zum nächsten Bild">
</map>
<div id="bilder1">
<div id="Bild1" style="visibility:visible">
<img src="Bild1.jpg" alt="">
<table>
<tr> <td><h4>Text...</h4></td></tr>
</table>
</div>
<div id="Bild2">
<img src="Bild2.jpg" alt="">
<table>
<tr> <td width="280"><h4>Text...</h4></td></tr>
</table>
...
<div id="Bild11">
<img src="Bild11.jpg" alt="">
<table class="klasse2">
<tr> <td width="280"><h4>Text...</h4></td></tr>
</table>
</div>
</div>
</div><form class="b3"> <input type="button" value="show" onclick="setInterval ('vor()',1500);">
<input type="button" value="stop" onclick="location.reload();">
</form>
</body>
</html>P.S. Danke für alle Einfälle!
-
Hi,
Habt ihr eine Idee oder kennt das Problem oder so???
Gruß, Cy("es gibt keine Probleme - nur Lösungen")baer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!