![]() To view an example, please look at the source code (contents) of the file "snow_demo_div.html". In addition to the Basic Integration you must complete the following steps. ![]() Place the above line of code directly after the lines of code from the Basic Integration. ![]() You must add the following line of code to every page where you want the Snowfall Effect to appear: To view an example, please look at the source code (contents) of the file "snow_demo_fullscreen.html". In addition to the Basic Integration, you must complete the following steps for fullscreen integration. Snow Effect Javascript Fullscreen Integration: The best option would be to incorporate the code at the very end, directly before the closing Tag: Place insert the following two lines of code within the tag in your webpage. You must incorporate the two following lines on every page where you wish the Snowflake Overlay to appear. Whether you choose option 1 or 2, you must complete the following steps: In a defined area (div) on your webpage.Fullscreen, extending across the whole webpage.There are two options for integrating the JS Snow Effect into your website. 4 Integrating Snowfall Overlay Into Your Website. Please consider however, that you can no longer access and test the demos after doing so. Please Note: After successfully testing the Snowflake Overlay, you may delete both Demo files (snow_demo_div.html and snow_demo_fullscreen.html) from your server. You may now proceed to steps 4 to complete the integration process. The Snowflake Overlay is now ready for use. DIV-Demo: (Snow will only be displayed within the defined area): If you can properly access both of these demos from your web server, then the integration of the Snow Animation has been successful.Upload the "snow_demo_div.html" and "snow_demo_fullscreen.html" files to your website.Īfter completing steps 1 and 2, you may use the provided demo files to test whether the snowfall effect has successfully integrated to your website.Upload the "js" and "images" directories to your website.The root-directory is the highest directory level of your website. Please connect to your server (per FTP for instance) and navigate into the root-directory of your website. To integrate the Snow Overlay Script into your website, you must first upload it to your own server or webspace. (The folder should now be on your hard drive) 2 Upload the Contents of the File to Your Own Server This file is called "ador-design_snow-effect.zip". You have just downloaded the Snow Overlay Script as a Zip file. To do so, provide the ID of the DIV-Element. Snowfall Overlay Fullscreen:ĭisplay the Snow JS across the entire browser window or restrict the Snow Effect to a defined area. Turn dynamic lightning effects on or off to toggle a thunderstorm effect. Turn on the fog effect in the background for an even more realistic display of the js Snowflake Overlay. This configuration can also be used in combination with the snow amount to optimize performance of the snow script for older devices. Snow Animation Falling Speed:Ĭonfigure the speed of the falling snow. This effect causes snow flakes to rapidly change direction, emulating wind effects. Here you can adjust the strength of the whirling motion of the JS Snow Animation, from snow flakes that fall down in perfectly straight lines to snow flakes that whirl. In combination with the falling speed you can also optimize the performance of the snow script for older devices here. Snow JS Configuration Options Snow Overlay Snow Amount:Ĭontrol the amount of falling snow.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |