View Full Version : Help with Falling Image Script for IM

07-14-2009, 05:33 PM
I need help in changing this script or adding to it or something. Sorry, I don't see the link in Dynamic Drive. I have had this one for a long time now. I am trying to incorporate this script into Incredimail letters and it is giving me one little problem.

I don't know if anyone here can do this to put this into Incredimail but I thought I would try.

I have this script (below) working in Incredimail and I can save it good with Incredimail but the only thing that does not work is when sending the email with this script, I only see clear boxes with red x's in them floating down. Why aren't the images in there instead of the nothing boxes with red x's? I cannot figure that part out. Well, I looked at the email I sent and saved it again and looked at the contents of the packaged scripts and images and for some reason the script is changing the name of the images falling. For example I have the name "boatelegACincfl4.png" when sending like it should be but it changes to "boatelegACincfl43.png". I don't know why. Maybe it's trying to look for the image src online? Because a part in the script ask for the http:// image src but I am packaging the image in the imf letter for incredimail.

I hope this makes sense. I tried to explain it the best I could. All the incredimail letter makers are looking for a falling image script that does not leave artifacts when sending an email and I found that this one is perfect except the image source part.

Thanks, here is the script I'd love to get fixed- Thanks in Advance- Josie (IF NO ONE CAN DO THIS CODE THEN PLEASE LOOK AT THE CODE AT THE BOTTOM, 2ND SCRIPT AND READ THE NOTE THERE.) Thanks.

<script type="text/javascript">

* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// 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= "snow.gif"
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://dynamicdrive.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=="pageheight")? window.innerHeight : (ie4up && snowdistance=="pageheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="windowheight")? 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.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){
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*0)


________________________________________________________________________________________________________________________________________________________________ ______

OKAY if no one knows how to do this then please add something to this script below to get it to turn off after about 10 seconds. I need to add the hidesnowtime in somehow in this script, thanks.

<SCRIPT type=text/javascript>


Snow Fall 1 - no images - Java Script

Visit http://rainbow.arch.scriptmania.com/scripts/

for this script and many more


// Set the number of snowflakes (more than 30 - 40 not recommended)

var snowmax=35

// Set the colors for the snow. Add as many colors as you like

var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")

// Set the fonts, that create the snowflakes. Add as many fonts as you like

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended: * )

var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)

var sinkspeed=0.6

// Set the maximum-size of your snowflakes

var snowmaxsize=22

// Set the minimal-size of your snowflakes

var snowminsize=8

// Set the snowing-zone

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=1




// Do not edit below this line

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||ns6||opera

function randommaker(range) {


return rand


function initsnow() {

if (ie5 || opera) {

marginbottom = document.body.clientHeight

marginright = document.body.clientWidth


else if (ns6) {

marginbottom = window.innerHeight

marginright = window.innerWidth


var snowsizerange=snowmaxsize-snowminsize

for (i=0;i<=snowmax;i++) {

crds[i] = 0;

lftrght[i] = Math.random()*15;

x_mv[i] = 0.03 + Math.random()/10;







if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}







function movesnow() {

for (i=0;i<=snowmax;i++) {

crds[i] += x_mv[i];




if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}




var timer=setTimeout("movesnow()",50)


for (i=0;i<=snowmax;i++) {

document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")


if (browserok) {