Ergebnis 1 bis 2 von 2

Thema: wechselnder hintergrund

  1. #1
    Erfahrener Benutzer Avatar von didith1207
    Registriert seit
    17.09.2006
    Beiträge
    1.580

    wechselnder hintergrund

    Habe einen netten code gefunden den ich euch nicht vorenthalten möchte...
    hintergrund ändert sich...hier mal die ganze html und am ende der link wie das dann ausschaut:

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <
    html><head>
    <
    title>bgrotator</title>
    <
    body>
    <
    script>

    // Select fade-effect below:
    // Set 1 if the background may fade from dark to medium 
    // Set 2 if the background may fade from light to medium 
    // Set 3 if the background may fade from very dark to very light light
    // Set 4 if the background may fade from light to very light
    // Set 5 if the background may fade from dark to very dark 
    var fade_effect=3

    // What type of gradient should be applied Internet Explorer 5x or higher?
    // Set "none" or "horizontal" or "vertical"
    var gradient_effect="none"

    // Speed higher=slower
    var speed=0

    ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION ENDS HERE
    ///////////////////////////////////////////////////////////////////////////

    var browserinfos=navigator.userAgent 
    var ie4=document.all&&!document.getElementById
    var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var 
    ns4=document.layers
    var ns6=document.getElementById&&!document.all
    var opera=browserinfos.match(/Opera/)  
    var 
    browserok=ie4||ie5||ns4||ns6||opera

    if (fade_effect==1) {
        var 
    darkmax=1
        
    var lightmax=127
    }
    if (
    fade_effect==2) {
        var 
    darkmax=127
        
    var lightmax=254
    }
    if (
    fade_effect==3) {
        var 
    darkmax=1
        
    var lightmax=254
    }
    if (
    fade_effect==4) {
        var 
    darkmax=190
        
    var lightmax=254
    }
    if (
    fade_effect==5) {
        var 
    darkmax=1
        
    var lightmax=80
    }
    var 
    hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

    var 
    newred
    var newgreen
    var newblue
    var oldred
    var oldgreen
    var oldblue

    var redcol_1
    var redcol_2 
    var greencol_1 
    var greencol_2 
    var bluecol_1 
    var bluecol_2 
    var oldcolor
    var newcolor
    var firsttime=true
     
    var stepred=1
    var stepgreen=1
    var stepblue=1

    function setrandomcolor() {
        var 
    range=(lightmax-darkmax)
        if (
    firsttime) {
            
    newred=Math.ceil(range*Math.random())+darkmax
            newgreen
    =Math.ceil(range*Math.random())+darkmax
            newblue
    =Math.ceil(range*Math.random())+darkmax
            firsttime
    =false
        
    }
        
        
    oldred=Math.ceil(range*Math.random())+darkmax
        oldgreen
    =Math.ceil(range*Math.random())+darkmax
        oldblue
    =Math.ceil(range*Math.random())+darkmax
        
        stepred
    =newred-oldred
        
    if (oldred>newred) {stepred=1}
        else if (
    oldred<newred) {stepred=-1}
        else {
    stepred=0}
        
        
    stepgreen=newgreen-oldgreen
        
    if (oldgreen>newgreen) {stepgreen=1}
        else if (
    oldgreen<newgreen) {stepgreen=-1}
        else {
    stepgreen=0}
        
        
    stepblue=newblue-oldblue
        
    if (oldblue>newblue) {stepblue=1}
        else if (
    oldblue<newblue) {stepblue=-1}
        else {
    stepblue=0}
        
    fadebg()
    }

    function 
    fadebg() {
        if (
    newred==oldred) {stepred=0}
        if (
    newgreen==oldgreen) {stepgreen=0}
        if (
    newblue==oldblue) {stepblue=0}
        
    newred+=stepred
        newgreen
    +=stepgreen
        newblue
    +=stepblue
        
        
    if (stepred!=|| stepgreen!=|| stepblue!=0) {
              
    redcol_1 hexc[Math.floor(newred/16)];
             
    redcol_2 hexc[newred%16];
             
    greencol_1 hexc[Math.floor(newgreen/16)];
              
    greencol_2 hexc[newgreen%16];
              
    bluecol_1 hexc[Math.floor(newblue/16)];
              
    bluecol_2 hexc[newblue%16];
              
    newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
            
    if (ie5 && gradient_effect!="none") {
                if (
    gradient_effect=="horizontal") {gradient_effect=1}
                if (
    gradient_effect=="vertical") {gradient_effect=0}
                  
    greencol_1 hexc[Math.floor(newred/16)];
                 
    greencol_2 hexc[newred%16];
                 
    bluecol_1 hexc[Math.floor(newgreen/16)];
                  
    bluecol_2 hexc[newgreen%16];
                  
    redcol_1 hexc[Math.floor(newblue/16)];
                  
    redcol_2 hexc[newblue%16];
                var 
    newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
                document
    .body.style.filter=
    "progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"
            
    }
            else {
                  
    document.bgColor=newcolor 
            
    }
            var 
    timer=setTimeout("fadebg()",speed);
        } 
          else {
              
    clearTimeout(timer)
            
    newred=oldred
            newgreen
    =oldgreen
            newblue
    =oldblue
            oldcolor
    =newcolor
            setrandomcolor
    ()
          }
    }

    if (
    browserok) {
        
    window.onload=setrandomcolor
    }
    </
    script>
    <
    center><TABLE CELLSPACING 0 CELLPADDING 0 BORDER 0>
    <
    TR><TD><A HREF="" target="_blank"><IMG SRC="underconstruction.png" WIDTH=256 HEIGHT=256
    BORDER
    =0></A></TD></TR>
    </
    TABLE></center>
    </
    body></html
    so sieht das dann aus:
    http://www.happyinet.com/bgrotator


    Kann mir eventuell jemand erklären warum das ganze im FF ein wenig ruckelt? im IE und im Opera sind flüssige übergänge ohne zu ruckeln.....

  2. #2
    Erfahrener Benutzer Avatar von neoplacer
    Registriert seit
    23.07.2006
    Beiträge
    158
    Also ich habe kein Ruckeln? Browser FF 5

Ähnliche Themen

  1. hintergrund anpassen
    Von Hansir im Forum [HD] Grafik, Server & Sonstiges
    Antworten: 4
    Letzter Beitrag: 09.12.2010, 00:34
  2. Hintergrund
    Von Marst im Forum [HD] Grafik, Server & Sonstiges
    Antworten: 16
    Letzter Beitrag: 18.11.2008, 00:24
  3. Hintergrund
    Von black-daeth im Forum Support zum VMSone
    Antworten: 9
    Letzter Beitrag: 03.06.2008, 02:11
  4. Wo hintergrund verändern
    Von sebi-home im Forum Support zu Addons & Erweiterungen
    Antworten: 2
    Letzter Beitrag: 22.05.2008, 16:48
  5. [HTML/CSS/JS] hintergrund grafik kacheln
    Von eRaaaa im Forum [HD] Programmieren
    Antworten: 0
    Letzter Beitrag: 24.10.2007, 09:19

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •