PDA

Shop Support News Archive - Shopbetreiber News -> Forum : Schneefall Im Shop


StarMedia24
04.12.2007, 13:38
Hallo,

möchte passend zur Jahreszeit Schnefall in meinen Shop einbinden. Hat da jemand ein Script und kann mir sagen an welcher Stelle ich das einbauen kann?

Gruß,

Jojo

nom
04.12.2007, 13:46
JavaScript wird in der header.php eingebunden.

StarMedia24
04.12.2007, 14:13
''>ZITAT(nom @ Dec 4 2007, 13:46) 38167
JavaScript wird in der header.php eingebunden.
[/b]

OK. Thx. hat auch noch jemand ein passendes javascript für mich?

nom
04.12.2007, 14:14
gibts tausendfach, einfach googeln

StarMedia24
04.12.2007, 14:37
''>ZITAT(nom @ Dec 4 2007, 14:14) 38172
gibts tausendfach, einfach googeln
[/b]

hab ein script gefunden:





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

////////////////////////////////////////////////////////////////////////////////////
// Script erweitert und angepasst damit es auch unter FireFox laueft von Michael
// Konfiguration

// Anzahl der Schneeflocken (sollten nicht zuviele sein, 30 - 40 geht aber locker)
var flocken = 35;

// Sinkgeschwindigkeit (zwischen 0,3 und 2 einfach mal testen was gut aussieht)
var geschwindigkeit = 2;

// relative Adresse der Schneeflocke
var schneeflocke = "../../frame/js/snow1.gif";

// Korrekturwert um bei scrollbaren Seiten auch noch weiter nach unten zu schneien
// Muss entsprechend der verwendeten Seite angepasst werden.
var scrolldown = 100

// Konfiguration
////////////////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var schnee = new Array();
var unterer_rand;
var rechter_rand;
var timer;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;


function zufall(range)
{
return Math.floor(range Math.random());
}

function starte_schnee()
{
if (ie5 || opera)
{
unterer_rand = document.body.clientHeight + scrolldown;
rechter_rand = document.body.clientWidth - 30;
}
else if (ns6)
{
unterer_rand = window.innerHeight + scrolldown;
rechter_rand = window.innerWidth - 40;
}

for (var i = 0; i <= flocken; i++)
{
crds[i] = 0;
lftrght[i] = Math.random() 15;
x_mv[i] = 0.03 + Math.random() / 10;
schnee[i] = document.getElementById('s' + i);
schnee[i].sink = geschwindigkeit;
schnee[i].posx = zufall(rechter_rand);
schnee[i].posy = zufall(2 unterer_rand - unterer_rand);
schnee[i].style.left = schnee[i].posx;
schnee[i].style.top = schnee[i].posy;
}

bewege_schnee();
}

function bewege_schnee()
{
for (var i = 0; i <= flocken; i++)
{
crds[i] += x_mv[i];
schnee[i].posy += schnee[i].sink;
schnee[i].style.left = schnee[i].posx + lftrght[i] Math.sin(crds[i]);
schnee[i].style.top = schnee[i].posy;

if ((schnee[i].posy >= (unterer_rand)) || (parseInt(schnee[i].style.left) > (rechter_rand - 3 lftrght[i])))
{
schnee[i].posx = zufall(rechter_rand);
schnee[i].posy = 0;
}
}

var timer = setTimeout('bewege_schnee();', 40); // Wert von 10 bis 100
// Je höher der eingestellte Wert hier ist, desto mehr ruckeln die Flocken,
// allerdings werden dadurch auch weniger CPU-Ressourcen vom Browser gefressen.
// Hier sollte jeder die für sich passende Balance zwischen Sinkgeschwindigkeit und Timer finden.
// Einfach mal ein paar Kombinationen testen und im Browser und Taskmanager die Wirkung beobachten.

}

for (var i = 0; i <= flocken; i++)
document.write('' + '' + schneeflocke + '' + '');

if (browserok)
window.onload = starte_schnee;

</script>




Hab das einfach unten an die header.php angehängt. funktioniert aber irgendwie nicht. jemand ne idee an welcher stelle ich das einbinden muss? hab übrigens die /includes/header.php genommen. hodde das war die rnichtige.

nom
04.12.2007, 15:59
''>ZITAT</div>// relative Adresse der Schneeflocke
var schneeflocke = "../../frame/js/snow1.gif"; [/b]