Author Topic: Schnee - Plugin  (Read 7669 times)

Offline dbs

  • Betatester
  • **
  • Posts: 8012
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Schnee - Plugin
« on: December 07, 2012, 11:31:12 AM »
Hello,

mit dem Plugin kann man es leise rieseln lassen, auch ohne jQuery.
Wer es nicht für jQueryAdmin oder LibraryAdmin nutzen will, findet einen Link zum Autor.
Kleines und feines Plugin, ohne Grafiken und doch so schön.

Anleitung, Demo + Download: Klick

dbs
« Last Edit: December 25, 2012, 09:15:47 AM by dbs »

Offline BlackBird

  • Posts: 2573
Re: Schnee - Plugin
« Reply #1 on: December 07, 2012, 11:57:26 AM »
Sehr hübsch. Gleich mal schauen, wo ich das einbauen kann! :-)

Offline dbs

  • Betatester
  • **
  • Posts: 8012
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Schnee - Plugin
« Reply #2 on: December 07, 2012, 01:25:32 PM »
Thx  :-)

Komischerweise musste ich direkt {LIB_URL} als Pfad reinschreiben, weil er das WB_URL nicht umwandelte.
Kann aber an meiner Installation liegen.

jacobi22

  • Guest
Re: Schnee - Plugin
« Reply #3 on: December 07, 2012, 02:10:07 PM »
ich erinnere mich da an ein JS (oder Applet?), das ich in den 90er mal verwendet hatte. Der Schnee sammelte sich unten, wude immer höher und alle 2-3 Minuten kam dann ein kleiner Traktor und schob den Schnee zur Seite  :-D

Offline dbs

  • Betatester
  • **
  • Posts: 8012
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Schnee - Plugin
« Reply #4 on: December 07, 2012, 02:38:07 PM »
cool  :-D

jacobi22

  • Guest
Re: Schnee - Plugin
« Reply #5 on: December 07, 2012, 04:43:09 PM »
hier ist das Dingen

Einbindung ins Template mit diesem Code

Code: [Select]
<div id="base" >

        <script src="<?php echo TEMPLATE_DIR?>/schnee/schnee.js" type="text/javascript"></script>
        <script src="<?php echo TEMPLATE_DIR?>/schnee/schneedecke.js" type="text/javascript"></script>


<div style="background:#000;text-align:center;width:980px;">
<div id="raupe" style="z-index:2300;position:absolute;margin-left:920px;margin-top:120px;width:80px;"><img src="<?php echo TEMPLATE_DIR?>/schnee/raupe.png" width="80px" onClick="starttimersnow()" /></div>
<div id="schnee" style="z-index:2000;position:absolute;margin-top:130px;width:980px;"><img src="<?php echo TEMPLATE_DIR?>/schnee/schneedecke.png" width="980px" /></div>
<div id="schneedecke" style="z-index:2200;position:absolute;margin-top:106px;width:980px;background:#000;background-repeat:no-repeat;"></div>
<div id="wintertime" style="z-index:100;height:160px;">
<div style="height:2px;"></div>

</div>

die benötigten Dateien im Anhang (ich hatte die in einem Unterordner namens 2schnee" im template-ordner)
JQuery wird benötigt, Intervalle und Geschwindigkeit der Raupe lassen sich in der JS-datei einstellen

Offline dbs

  • Betatester
  • **
  • Posts: 8012
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Schnee - Plugin
« Reply #6 on: December 08, 2012, 11:03:07 PM »
Konnte das jetzt mal testen.
Scheint genau das gleiche Schnnee-Script zu sein + Raupe-Feature.
Sieht nett aus.  :-)
Baut sich aber sicher keiner in die Webseite.

Offline marmot

  • Posts: 1103
Re: Schnee - Plugin
« Reply #7 on: December 09, 2012, 10:00:45 PM »
Hi,

fand es ganz lustig und habe ein paar Einstellmöglichkeit en (z.B. Raupengeschwindigke it) dazu gebastelt.
Vielleicht kann ja ein "Künstler" noch eine Raupe mit wirbelndem Schnee vor der Schaufel bauen, die dann auf der Räumfahrt aktiv ist ;).

Eingebunden mit:
Code: [Select]
<script src="<?php echo TEMPLATE_DIR?>/schnee/schnee.js" type="text/javascript"></script>
<script src="<?php echo TEMPLATE_DIR?>/schnee/schneedecke.js" type="text/javascript"></script>
<div id="raupe" style="z-index:2300;position:absolute;margin-left:-70px;margin-top:118px;width:80px;"><img src="<?php echo TEMPLATE_DIR?>/schnee/raupe.png" width="80px" onClick="starttimersnow()" /></div>
<div id="schnee" align="right" style="float:right;z-index:2000;overflow:hidden;position:absolute;margin-top:160px;margin-right:0px;padding-right:0px;width:970px;"><img id="schneepic" src="<?php echo TEMPLATE_DIR?>/schnee/schneedecke.png" width="980px" height="0px" /></div>
<div id="wintertime" style="z-index:100;height:160px;"></div>

Gruß

Offline BlackBird

  • Posts: 2573
Re: Schnee - Plugin
« Reply #8 on: December 10, 2012, 10:23:59 AM »
Als Gag doch ganz witzig, vielleicht nicht für kommerzielle Seite, aber für private HPs.

Offline Conti

  • Posts: 9
Re: Schnee - Plugin
« Reply #9 on: December 14, 2012, 12:00:05 PM »
Selbst für Firmen is son bisschen Schnee jetzt zur Winterzeit doch ganz cool. Danke

Offline SiggiG

  • Posts: 11
Re: Schnee - Plugin
« Reply #10 on: December 25, 2012, 06:30:03 AM »

Hab etwas ganz einfachen gefunden

Viele Grüße
SiggiG

Offline dbs

  • Betatester
  • **
  • Posts: 8012
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Schnee - Plugin
« Reply #11 on: December 25, 2012, 09:13:37 AM »
Erklär doch mal das Einfache daran oder den Unterschied zum hier angebotenen Script.

Offline hillschmidt

  • Posts: 354
Re: Schnee - Plugin
« Reply #12 on: December 26, 2012, 06:50:25 PM »
Bei mir schneit es auch mit Hilfe eines Scriptes von http://www.peters1.dk (direkt Link: http://www.peters1.dk/webtools/javascript/sne.php?sprog=de - das Script dann einfach ins Template eingebunden über einen Ordner in Media (.js per FTP übertragen), in dem auch die Schneebilder liegen ...
Code: [Select]
<body>
<div align="center"><script type="text/javascript" src="http://www.hillschmidt.de/wb/media/snow/snow.js"></script></div>