Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.02.2011 um 07:19 (UTC)    
Titel: Bilderwechsel zentrieren

Hallo zusammen, habe da mal eine Frage.

Habe folgenden Code:
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var b = new Array();
b[0] = new Image();
b[0].src = "http://img.webme.com/pic/a/aviation-world/asdfghjkkl.jpg";
b[1] = new Image();
b[1].src = "http://img.webme.com/pic/a/aviation-world/img_0213.jpg";
b[2] = new Image();
b[2].src = "http://img.webme.com/pic/a/aviation-world/img_2804.jpg";
b[3] = new Image();
b[3].src = "http://img.webme.com/pic/a/aviation-world/img_3343.jpg";
b[4] = new Image();
b[4].src = "http://img.webme.com/pic/a/aviation-world/img_3805.jpg";



var n = 4; // hier steht die Anzahl der Bilder (Bilder - 1)
var i = -1;
var t = 4000; // anzahl sekunden, 2000 = 2 sekunden
var f = 0;
var z = "slide"; // name des IMG welches ausgetauscht werden soll
function next() {
i++;
if(i > n) { i = 0; }
document.images[z].src = b[i].src;
}
function delay() {
if(f == 0) next();
window.setTimeout("delay()",t);
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="delay();">
<IMG SRC="http://img.webme.com/pic/a/aviation-world/asdfghjkkl.jpg" NAME="slide">
</BODY>


Die Bilder werden alle linksbündig angezeigt. Kann mir jemand den Code so ändern, dass der Bildwechsel ZENTRIERT auf einer Seite abläuft?

Vielen Dank im Vorraus!

Florian
Beitrag26.02.2011 um 07:23 (UTC)    
Titel:

So dürfte es klappen :

Code:
<center><SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var b = new Array();
b[0] = new Image();
b[0].src = "http://img.webme.com/pic/a/aviation-world/asdfghjkkl.jpg";
b[1] = new Image();
b[1].src = "http://img.webme.com/pic/a/aviation-world/img_0213.jpg";
b[2] = new Image();
b[2].src = "http://img.webme.com/pic/a/aviation-world/img_2804.jpg";
b[3] = new Image();
b[3].src = "http://img.webme.com/pic/a/aviation-world/img_3343.jpg";
b[4] = new Image();
b[4].src = "http://img.webme.com/pic/a/aviation-world/img_3805.jpg";



var n = 4; // hier steht die Anzahl der Bilder (Bilder - 1)
var i = -1;
var t = 4000; // anzahl sekunden, 2000 = 2 sekunden
var f = 0;
var z = "slide"; // name des IMG welches ausgetauscht werden soll
function next() {
i++;
if(i > n) { i = 0; }
document.images[z].src = b[i].src;
}
function delay() {
if(f == 0) next();
window.setTimeout("delay()",t);
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="delay();">
<IMG SRC="http://img.webme.com/pic/a/aviation-world/asdfghjkkl.jpg" NAME="slide">
</BODY> </center>

______________
Beitrag26.02.2011 um 07:51 (UTC)    
Titel:

Danke, genau so wollte ich es haben
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de