Fotos statt Windws-Buttons

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

19:29, 4.8.2008

Dieser Code zeigt nacheinander verschiedene Windows-Buttons. Leider kann ich in Sache Java-Script garnichts. Könnte jemd von euch bitte so freundlich sein, und mi den Code so umformen, dass er Bilder zeigt, die immer 5 Sekunden da sinds, und dann das nächste kommt?

<html>
<BODY TEXT=\"#FFFFFF\" BGCOLOR=\"#000000\" onLoad=\"StartShow()\" onUnload\"StopShow()\">
<Center>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 4
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = \"Dies ist Link 1\"
urlArr[1] = \"http://\"
lineArr[2] = \"Dies ist Link 2\"
urlArr[2] = \"http://\"
lineArr[3] = \"Dies ist Link 3\"
urlArr[3] = \"http://\"
lineArr[4] = \"Dies ist Link 4\"
urlArr[4] = \"http://\"
var lineText = lineArr[1]
function StartShow() {
        StopShow()
        ShowLine()
        timerRunning = true
}
function FillSpaces() {
        for (var i = 1; i <= lineWidth; i++) {
                spaces += \" \"
        }
}
function StopShow() {
        if (timerRunning) {
                clearTimeout(timerID)
                timerRunning = false
        }
}
function ShowLine() {
        if (charNo == 0) { // Next line
                if (lineNo < lineMax)   {
                        lineNo++
                }
                else {
                        lineNo = 1
                }
                lineText = lineArr[lineNo]
                charMax = lineText.length
        }
        if (charNo <= charMax) { // Next char
                document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
                charNo++
                timerID = setTimeout(\"ShowLine()\", 100)
        }
        else {
                charNo = 0
                timerID = setTimeout(\"ShowLine()\", 3000)
        }
}
function GotoUrl(url)
{
        top.location.href = url
}
// end hide -->
</SCRIPT>
<FORM name=\"formDisplay\">
<INPUT TYPE=\"button\" NAME=\"buttonFace\" VALUE=\"&{lineText};\" onClick=\"GotoUrl(urlArr[lineNo])\"></INPUT>
</FORM>
</body>
</html>

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

stivo

stivo hat kostenlosen Webspace.

22:01, 4.8.2008

ich hab mal kurz etwas gebastelt:

<html>
<BODY TEXT=\"#FFFFFF\" BGCOLOR=\"#000000\" onLoad=\"StartShow()\">
<Center>

<SCRIPT LANGUAGE=\"JavaScript\">
<!--

// Urls der Bilder die angezeigt werden sollen
var bilder = new Array(\"foto.png\", \"fotos/foto_1.jpg\", \"fotos/foto_2.jpg\");

// Anzahl Sekunden bis das nächste Bild erscheint
var sekunden = 5;

// Sonstige Variabeln
var anz_bilder = bilder.length;
var nr = 0;

function StartShow() {

  // Wenn alle Bilder durchgelaufen sind: neu anfangen
  if(nr == anz_bilder) {
    
    nr = 0;
    
    }

  // Src vom Bild ändern
  document.getElementById(\"bild_anzeige\").src = bilder[nr];
  
  // Nächstes Bild
  nr++;
        
  // Die Funktion immer wiederholen
  window.setTimeout(\"StartShow()\", sekunden * 1000);

  }

// end hide -->
</SCRIPT>
<FORM name=\"formDisplay\">
<img src=\"bild.jpg\" alt=\"bild\" id=\"bild_anzeige\">
</FORM>
</body>
</html>

Beitrag geändert: 4.8.2008 22:03:27 von stivo

Autor dieses Themas
my-selfmade

my-selfmade hat kostenlosen Webspace.

11:57, 5.8.2008
Danke für die schnelle Hilfe!
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city