Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από ALR » 17 Δεκ 2005 17:41

Δοκίμασα το snow script που υπάρχει εδω-> http://javascript.internet.com/bgeffect ... tml#source

και που είδα ότι ήδη υπάρχει συζήτηση για αυτό στο φόρουμ αλλά δυστυχώς το script δεν δουλεύει σε firefox, παρά μόνο σε IE.

Γίνεται να δουλέψει σε firefox ή υπάρχει script που να είναι συμβατό και με firefox ; Ευχαριστώ εκ των προταίρων.

Edit: Βασικά βρήκα 2 παρόμοια scripts και δουλεύουν και τα 2 σε Firefox.
Μήπως τελικά δεν έχει πρόβλημα το script σε Firefox και κάνω κάτι λάθος; :question:

Σε εσάς δουλεύει κανονικά;

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από Basilakis » 17 Δεκ 2005 18:15

Mporeis nataxhn na mas dwseis ta script mhpws kai ta thelei kai kapios allos?

Twra mporei na mhn kaneis lathos kai na ftaei ontw to script. Ti na sou pw. O kathenas me thn paraksenia tou (browser onow)!

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από ALR » 17 Δεκ 2005 19:01

Ναι βεβαίως!

Μου αρέσει περισσότερο αυτό--> http://www.dynamicdrive.com/dynamicindex3/snow.htm

Και υπάρχει επίσης και αυτό -->
http://www.hypergurl.com/snow.html


Μα το ένα είναι ίδιο(νομίζω)με αυτό που αναφέρεται στο forum και δε μπορώ να καταλάβω γιατί λειτουργεί ενώ το άλλο δεν λειτουργεί στον Firefox.

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από Basilakis » 17 Δεκ 2005 19:05

Kala ekanes kai ta edwses. Den kserw na sou pw thn alhtheia. Isws exei mesa kapio stoixeio to opio na dhmiourgei asymbatothta stous browsers. Alliws den kserw ti mporei na ginetai!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6230
Εγγραφή: 30 Νοέμ 2004 03:09

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από fafos » 17 Δεκ 2005 21:02

Yparxei sto fs ena analogo script..

http://freestuff.gr/forums/viewtopic.ph ... now&t=7230

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από ALR » 18 Δεκ 2005 01:40

fafos έγραψε:Yparxei sto fs ena analogo script..

http://freestuff.gr/forums/viewtopic.ph ... now&t=7230
Ναι το γνωρίζω, το αναφέρω στο πρώτο post, και απλά διαπίστωσα ότι δεν μου παίζει στον Firefox, ενώ τα άλλα 2 πιο πάνω παίζουν.

Τώρα, είτε το script έχει κάτι που δημιουργεί ασυμβατότητα, είτε το έβαλα εγώ λάθος :P

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από Cmg__ » 18 Δεκ 2005 16:01

Pantws to exw dei se polla sites kai isws
na mhn polyleei.

Enas mpakalistikos tropos einai o eksis:

Kaneis mia selidoyla sto geocities
kai epilegeis grafika na pefte
i mia eikona
apo panw pros ta katw.
Savareis thn selida kai
antigrafeis to script
poy
dhmioyrgei kai
sthn thesi ths eikonas poy evales vazeis
thn dikia soy.

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από Basilakis » 18 Δεκ 2005 23:57

Poly mpakalistikos tropos ;)

Palia eixa ena poly kalo alla den kserw se pious browsers leitourgouse. To eixa parei apo edw mesa!

Parepiptontws kathe xristougenna gia to idio script milame ;)

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Χιόνια στη σελίδα μου - Αναζήτηση για Snow Script

Δημοσίευση από ThyClub » 19 Δεκ 2005 02:40

Λοιπόν:

Αποθηκεύεις τον παρακάτω κώδικα σε ένα αρχείο snow.js

Κώδικας: Επιλογή όλων

// Falling Snow Javascript
// copyright 19th November 2004, by Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the code in this script (including these
// comments) is used without any alteration
// you can change the number of snow flakes if you like
// you can also change the number of images used if you like

var num_flakes = 10;
var snowflakes = new Array("snowflake.gif","snowflake1.gif");

// DOM test
var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function findDOM(objectId, wS) {
if (stdDOM) return wS ? document.getElementById(objectId).style:
document.getElementById(objectId);
if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
if (nsDOM) return document.layers[objectId];
}

// window size tests
function findLivePageWidth() {return window.innerWidth != null? window.innerWidth: document.body != null? document.body.clientWidth:700;}
function findLivePageHeight() {return window.innerHeight != null? window.innerHeight: document.body != null? document.body.clientHeight:500;}
function posX() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;}
function posY() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;}

// make it snow
var speed = 100;var movw = new Array();var movh = new Array();var move = new Array();var stepw = new Array();var steph = new Array();var posw = new Array();var posh = new Array();var dir = new Array();var winWidth;var winHeight;
function startSnow&#40;&#41; &#123;winWidth = findLivePageWidth&#40;&#41;-50;winHeight = findLivePageHeight&#40;&#41;-50; for &#40;var i = 0; i < num_flakes; i++&#41;&#123;move&#91;i&#93; = 0;movh&#91;i&#93; = 12+ Math.random&#40;&#41;*2;movw&#91;i&#93; = 11+ Math.random&#40;&#41;*4;posw&#91;i&#93; = Math.random&#40;&#41;*&#40;winWidth-35&#41;+12;posh&#91;i&#93; = Math.random&#40;&#41;*winHeight;stepw&#91;i&#93; = 0.02 + Math.random&#40;&#41;/10;steph&#91;i&#93; = 0.7 + Math.random&#40;&#41;;dir&#91;i&#93; =&#40;Math.random&#40;&#41;>0.5&#41;?1&#58;-1;document.write&#40;'<div id="snow'+ i +'" style="position&#58; absolute;z-index&#58; '+ i +'; visibility&#58;hidden; "><img src="'+snowflakes&#91;Math.floor&#40;Math.random&#40;&#41;*snowflakes.length&#41;&#93;+ '"border="0"><\/div>'&#41;;&#125;setTimeout&#40;"moreSnow&#40;&#41;", speed&#41;;&#125;
function moreSnow&#40;&#41; &#123;for &#40;var i = 0; i < num_flakes; i++&#41; &#123;if &#40;posh&#91;i&#93; > winHeight-50&#41; &#123;posw&#91;i&#93; = 10+ Math.random&#40;&#41;*&#40;winWidth-movw&#91;i&#93;-30&#41;;posh&#91;i&#93; =0;dir&#91;i&#93;=&#40;Math.random&#40;&#41;<0.5&#41;?1&#58;-1;stepw&#91;i&#93; = 0.02 + Math.random&#40;&#41;/9;steph&#91;i&#93; = 1.3 +Math.random&#40;&#41;;&#125; move&#91;i&#93; += stepw&#91;i&#93; *dir&#91;i&#93;; if &#40;Math.abs&#40;move&#91;i&#93;&#41; > 3&#41; &#123;dir&#91;i&#93;=-dir&#91;i&#93;;posh&#91;i&#93;+=Math.abs&#40;movh&#91;i&#93;*move&#91;i&#93;&#41;;posw&#91;i&#93;+=movw&#91;i&#93;*move&#91;i&#93;; move&#91;i&#93;=0;&#125; objstyle =findDOM&#40;'snow'+i,1&#41;; objstyle.left = posX&#40;&#41;+posw&#91;i&#93; + movw&#91;i&#93;*move&#91;i&#93;; objstyle.top = posY&#40;&#41;+posh&#91;i&#93; +movh&#91;i&#93;*&#40;Math.abs&#40;Math.cos&#40;move&#91;i&#93;&#41;+move&#91;i&#93;&#41;&#41;;objstyle.visibility = 'visible';&#125;setTimeout&#40;"moreSnow&#40;&#41;", speed&#41;;&#125;
Αν θέλεις να αλλάξεις τον αριθμό των εικόνων που θα εμφανίζονται αλλάζεις το : var num_flakes = 10; και το speed: var speed = 100 :wink:

Βήμα 2ο:
Αποθηκεύεις τις εικόνες:
Εικόνα
Εικόνα

σαν snowflake.gif και snowflake1.gif και στην σελίδα που θέλεις να το χρησιμοποιήσεις στο head:

Κώδικας: Επιλογή όλων

<script src="snow.js" language="JavaScript"
type="text/javascript">
</script> 
και στο τέλος του body:

Κώδικας: Επιλογή όλων

<script language="JavaScript"
type="text/javascript">
startSnow&#40;&#41;;
</script> 


Πηγή : http://javascript.about.com/library/blsnow2.htm

:wink:


Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες