webForumDet fria alternativet

Växla bakrundsbild?

4 svar · 492 visningar · startad av Matsakii

MatsakiiMedlem sedan mars 2005265 inlägg
#1

Satt och fundera på en sak. Kan man ha flera bakgrundsbilder som växlar vid angivna intervaller genom css på något sätt? Annars kanske det finns någon javascript lösning.

Bakgrundsbilden jag tänker på är den för hela sidan.

rhdfMedlem sedan okt. 2007446 inlägg
#2

Det borde gå att lösa lite jquery samt nånting i stil med
<script type="text/javascript">
$(function() {
$('body').css('backgroundImage', "url(+dinbild+)");
});
</script>
Sen för att växla så får du väl troligen peta ihop nånting som ligger o "tickar" i och byter bild med jämna mellanrum
pseudokod:
bildArray(bild1, bild2,bild3)
for i=0 to bildArray.length
dinbild=bildarray(i)
$('body').css('backgroundImage', "url(+dinbild+)");
setInterval(ticknews, 15000); //time in milliseconds

ja inget som funkar rakt av, men lite googlande och pysslande borde lösa det

MatsakiiMedlem sedan mars 2005265 inlägg
#3

Ja lite o klura på för jag har en sajt om Ayia Napa/Cypern och tänkte det skulle vara coolt om man kunde ha en bakgrundsbild på tex. stranden, men att den blir mörk på kvällen osv. Man kanske kan komma på mycket roligt om man får det att lira :)

Det allara bästa vore om man kunde knyta det till nått väderprogram/sajt så att solnedgång osv. på sajten är i realtid. 4-6 bilder som skiftar. Borde ju inte slöa ner sajten eller göra google sura vad jag kan tänka mig.

voigtann1Medlem sedan juni 20019 519 inlägg
#4

Google bryr sig inte om javascript på det sättet, så det är nog bara att köra, du kan ju kolla den lokala tiden för besökaren, beroende på vilken timme den träffar så kan du visa den bilden som passar det aktuella klockslaget bäst.

rhdfMedlem sedan okt. 2007446 inlägg
#5

om du kör på Voigtann1:s alternativ behöver du ju inte ens javascript, utan kan lösa det med asp.net eller php innan sidan ens hamnar hos besökaren :)

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