Πως βαζεις νιφαδες χιονιου?

[nikos]

Ευχαριστω παιδια, δουλεψε τελικα με την παραπανω εντολη και με την φωτογραφια τοποθετημενη στο images της κεντρικης εγκαταστασης και οχι του template οπως λανθασμενα προσπαθουσα πριν.

Ομως αντιμετωπιζω ενα αλλο προβλημα, οι νιφαδες τρεχουν σαν τρελες, ειναι πολλες και πανε μεχρι τη μεση της σελιδας μονο. Πως τα διορθωνω αυτα?

Ο αριθμός των νιφάδων ορίζεται από την 4η γραμμή δηλ. SNOW_no = 25; (25 νιφάδες)

Ο ρυθμός πτώσης (αργά - γρήγορα) ορίζεται από την γραμμή 52 δηλ. SNOW_Time = setTimeout("SNOW_Weather()", 10); (αν αυξήσεις την τιμή από 10 σε 30 οι νιφάδες θα πέφτουν πολύ αργά και το αντίστροφο).

Άντε και καλό χιονοπόλεμο...

[arvacon]

Ολα οκ μεχρι εδω, αλλα για να παιξουμε χιονοπολεμο, πρεπει το χιονι να πεφτει στο εδαφος, αλλα στη δικη μου περιπτωση εξατμιζεται στη μεση της σελιδας, φτανει δηλ μεχρι τη μεση και δεν παει πιο κατω..   
Μηπως υπαρχει λυση και γι' αυτο?

[nikos]

Μάλλον θα φταίει το template σου και ότι αλλαγές πιθανώς έχεις κάνει, αλλά αν δεν το δω online (δωσε link) δεν μπορώ να σου πω. Για να το ελέγξεις ωστόσο δοκίμασε το και με ένα άλλο default template π.χ. το okto

[arvacon]

Οντως το template φταιει. Δεν το χω online ακομα το site, οποτε οταν το βγαλω στον αερα, επειδη εχω κανει αρκετες μετατροπες, σιγουρα θα χρειαστει μια ματια απο εμπειρα ματια, μιας και στανταρ θα χω κανει τα λαθακια μου 

[Dimitris Kanatas]

Γεια σας παιδιά!

Αυτές τις ημέρες είπα να βάλω λίγο χιόνι στο elxis 4, αλλά αντιμετωπίζω ένα προβληματάκι...

• Δημιουργία js αρχείου ΟΚ
• Αποθήκευση εικόνας και διαδρομής της στο js OK
• Ορισμός του αρχείου στο index.php του template OK

Χιόνι όμως πουθενά....

Και μια καλή σελίδα με χιόνια...  Μετάβαση

Προσθήκη:

Πολύ καλό είναι το jQuery Snow Falling plugin

Το ενεργοποίησα αλλά δημιουργεί πρόβλημα στις άλλες js εφαρμογές...

Code: [Select]

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <!-- snow -->
<script src="/templates/tiara/includes/jquery.snow.js"></script> <!-- snow -->
<script> <!-- snow -->
$(document).ready( function(){
        $.fn.snow();
});
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF' });
</script>
στο index.php του template αλλά δημιουργεί κολλήματα στα υπόλοιπα js πρόσθετα... Λύση;

[datahell]

Το jquery.snow.js είναι ένα πρόσθετο του jquery, εσύ φορτώνεις το jquery 1.7.1 από την google, το Elxis όμως φορτώνει το 1.8.2. Αν φορτώσεις 2 διαφορετικές εκδόσεις του jquery ταυτόχρονα είναι πολύ πιθανόν να έχεις πρόβλημα. Για να είσαι σίγουρος φόρτωσέ το μέσω του Elxis και όχι από άλλη πηγή όπως κάνεις. Κατόπιν φόρτωσε το jquery.snow.js με το $eDoc του Elxis και τέλος εκκίνησε το script με το addDocReady του Elxis.

Συνοψίζοντας βάλε στο index.php του template σου ΠΡΙΝ να κάνεις echo οτιδήποτε (πριν το echo $eDoc->getDocType() ) αυτά:

Code: [Select]

$eDoc = eFactory::getDocument();
$eDoc->addJQuery();
$eDoc->addScriptLink($elxis->secureBase().'/diadromi/pros/jquery.snow.js');
$eDoc->addDocReady('$.fn.snow()');
$eDoc->addScript('$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: \'#0099FF\' });');
Αν το script δεν δουλεύει με την έκδοση jquery του Elxis (αυτή τη στιγμή 1.8.2) τότε είτε θα πρέπει είτε να κάνεις διορθώσεις στο script είτε να βάλεις κάποιο άλλο από την σελίδα που μας έδειξες.

[Dimitris Kanatas]

Μπράβο Γιάννη,

Δούλεψε άψογα με το jquery του elxis...

Θα δοκιμάσω τις βελτιώσεις αργότερα!!!

[anacon]

Δοκιμάστε αυτό του έκανα μερικές μετατροπές στον κώδικα και δουλεύει μια χαρά

Code: [Select]

<script type="text/javascript">
 
  //Configure below to change URL path to the snow image
  var snowsrc="/images/snowflake.png"
  // Configure below to change number of snow to render
  var no = 10;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("sitesas.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) { 
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://sitesas.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
    snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>
Τον κώδικα τον βάζουμε πριν το </body>

Η εικόνα ειναι gif και πρέπει να την μετατρέψετε σε png και να την ονομάσετε snowflake.png