11 comments found.
It works very well but I have a small problem, I am using it on a long page, there is a lot of content, at the top the snow falls smoothly but by scrolling towards the footer the speed increases a lot. If this can’t be solved is there a way to set a specific height?
Hi, Can you send me your webpage link to understand the problem in detail? My email address is aeonian.in@gmail.com Thank you
Ok mail sent, thank you very much
Thanks for the fix, you were great!
Hi, this is a nice script – the best jquery snow effect I have found. One issue I can’t resolve: is there a way to speed up the time between page load and when the snow first appears? If I change “drop_appear_speed”, I just end up with a huge quantity of snow falling at once. So that is not what I want. But I am trying to change the speed at which the drops first appear. Thanks for any help, even if you can just point me in the right direction.
Thanks You,
Let me try to do it. will contact you soon.
update below code in rainsnow.js
var top_position = -200;
replace it with
var top_position = -10;
And let me know its working or not?
Thanks
Hi friends
Merry Christmas
We just asked you would it be possible a musical background? Like on this plugin here Snow Effects for WordPress
Thank you
Merry Christmas Sir,
Sorry for late replay,
There is no in built functionality for musical background in this plugin but its simple to add music in background. You need to add HTMl audio tag for music. http://www.w3schools.com/html/html5_audio.aspThanks
Hello,
Would it be possible to add a music background Would it be possible to add other snow effect
Thank you
HI there,
How does this look on a primarily white background website?
Can the snowflake color be adjusted so that they would be visible?
you need to update CSS for adjust snowflake colour.
thanks
Is there a wordpress plugin version of this?
No
Can we disable the rain/snow/ballon effect on mobile devices?
Hi,
We can hide effect by media query CSS
@media screen and (max-width:768px) { .classname or element { display:none!important; opacity:0!important; } }
Thanks
Thnx for your reply, i used some javascript instead of hiding the entire css class or element:
var isMobile = window.matchMedia(“only screen and (max-width: 760px)”);
if (!isMobile.matches){ $(’.home’).RainSnow({ effect_name: ‘snow’, drop_appear_speed: 100, drop_falling_speed: 7000, wind_direction: 3, drop_rotate_angle : ‘-10deg’, drop_count_width_height:[[2,2], [3,3], [4,4], [5,5], [6,6]], drop_left_to_right : false }); };
yeah, that is better solution. 
Hi, how do I install this, am a bit lost as no documentation
Hello Sir,
Documentation is inbuilt with demo
Suppose you want to add snow effect in your website
for documentation please visit http://aeonian.in/jquery-rain-and-snow/snow.html
& for demo open this http://aeonian.in/jquery-rain-and-snow/download/snow.html
Step :
1. add style.css in <head>
2. add js/jquery-1.11.3.min.js and js/rainsnow.js file in bottom of page as same as demo page
3. add below code after at last (after rainsnow.js file)
$(document).ready(function() {
$('body').RainSnow({effect_name: 'snow',drop_appear_speed: 100,drop_falling_speed: 7000,wind_direction: 3,drop_rotate_angle : '-10deg',drop_count_width_height:[[2,2], [3,3], [4,4], [5,5], [6,6]],drop_left_to_right : false});});
thats it.
In short just follow demo page. Let me know if you still have any issue.
Thanks
good job
nice plugin
Thankyou
I just purchased this but there is no documentation to explain how to install it. There is documentation for a demo but no guide.
Please advise Many thanks
Hi,
Please visit below page and you can find all the detail here. http://webnxi.com/web_hosting/jQueryRainandSnow/snow.htmlOR
Please send me your email address. I will send you step by step installation detail.
Thanks
Thanks for the quick reply, I am sending you email via the form on here as I need some more help
Many thanks
Sent you mail.
Thanks
Thank again for the quick reply.
I got it to work but my page has turned black and it’s running on all the page. How do I get it to go only in one section? ( the contact form section )
http://www.muslimahwebdesign.co.uk/wofwt2Hi, did you get my reply? I applied your solution but it did not work?
many thanks
Hi,
Let me check your site. I will replay you soon.
Thanks
Hi,
Sent you mail with detail please check it.
Thanks
It seems I am ubable to use this. I am not able to use an id with the shortcode or at least can’t find out how.
I have removed the shortcode completely and just used a div, however the div still makes the effect on th whole of my page and still makes the section I choose to use the div black.
Please help to solve this issue Many thanks
Hi,
Please contact me via Skype or Google hangouts
Skype : tarakpatel18
Google Hangout : tarakpatel18@gmail.com
Hi,
<style> #snoweffect { position:relative; overflow:hidden; } .snow .drop { position:absolute!important; } </style>
Please add this CSS in <head> section and let me know it is working or not.
Thanks
Yes! That’s great it fixed it. Thank you. My only question now is how do i get it to fall behind the form and not infront of it?
Many thanks for all your help
Hi,
I applied z-index to .drop class and form element but I think fall behind the from is not possible with CSS. I am not sure about but if I find any solution then I will send you mail.
Thank
Ok thanks very much
Currently its not working but it was working fine when I seen this site last time.
I switched it to the rain effect and it stopped working. I copied and pasted the code exactly as you have it and then just changed the body id to my snow effect id
Hi,
Please check your HTML code. Your website HTML code is broken and I think plugin is not working because of broken HTML.
I sent you one screen shot by mail (broken HTML screen shot). Please check your inbox.
Thanks