webForumDet fria alternativet

Modifiera script för bakgrundsslumpning

2 svar · 348 visningar · startad av AndreasC

AndreasCMedlem sedan mars 20011 964 inlägg
#1

Hittade ett script för att slumpa en bakgrundsbild men jag vill inte att bakgrundsbilden ska läggas för hela bodyn utan den ska läggas med css för en div. Diven ser ut såhär med två tilldelade klasser.

<div class="logoBlock blockSize_logo">

Det kanske inte går att lägga det i klassen utan kanske måste läggas inom style="" det vet jag inte, tror ni vet det bättre än jag ärligt talat. Är bedrövlig på scripting för det ligger inte inom mitt fält.

Scriptet ser ut såhär omodifierat:

<script type="text/javascript" language="JavaScript">

    /*

    This script is featured at iBoost at     [url]http://www.iboost.com[/url]  Check out
    iBoost for more scripts, links, etc.     Please leave this comment intact.

    */

    /*

    Designed by Ray Rarey (rayr@accessus.net)
    Visit [url]http://users.accessus.net/~rayr/javascript/[/url] for more scripts
    Copyright (c) NuGen Web Productions

    */

    bg = new Array(4);

    bg[0] = 'http://users.accessus.net/~rayr/images/back1.jpg'
    bg[1] = 'http://users.accessus.net/~rayr/images/back2.jpg'
    bg[2] = 'http://users.accessus.net/~rayr/images/back3.jpg'
    bg[3] = 'http://users.accessus.net/~rayr/images/back4.jpg'
    bg[4] = 'http://users.accessus.net/~rayr/images/back5.jpg'

    index = Math.floor(Math.random() * bg.length);
    document.write("<BODY BACKGROUND="+bg[index]+">");
    </script>

Om det går att skriva om det eller om någon vill skriva ett helt nytt, har inte testat om detta funkar crossbrowser eftersom jag inte vet hur jag ska modifiera det för mina behov och önskemål.

GuffaMedlem sedan juni 2004533 inlägg
#2

Gör klasser för de bakgrunder du vill ha, då kan du använda bilder och färger och vad du vill:

.bg0 { background: #9f9; }
.bg1 { background: #f99; }
.bg2 { background: #ff9; }
.bg3 { background: #99f; }
.bg4 { background: #fff; }

Lägg ett id på div-taggen:

<div id="RandomBg" class="logoBlock blockSize_logo">

Den här koden i body-taggen lägger till en av klasserna på div-taggen:

<body onload="document.getElementById('RandomBg').className+=' bg'+Math.floor(Math.random()*5);">

AndreasCMedlem sedan mars 20011 964 inlägg
#3

Guld :birp

126 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)