Results 1 to 1 of 1

Thread: Help with Falling Image Script for IM

  1. #1
    Join Date
    Feb 2009
    Location
    Virginia
    Posts
    21
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default Help with Falling Image Script for IM

    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.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*0)
    }

    </script>

    ________________________________________________________________________________________________________________________________________________________________ ______


    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



    /*

    // * NO CONFIGURATION BELOW HERE *

    */



    // 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) {

    rand=Math.floor(range*Math.random())

    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;

    snow[i]=document.getElementById("s"+i)

    snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

    snow[i].size=randommaker(snowsizerange)+snowminsize

    snow[i].style.fontSize=snow[i].size

    snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

    snow[i].sink=sinkspeed*snow[i].size/5

    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}

    snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

    snow[i].style.left=snow[i].posx

    snow[i].style.top=snow[i].posy

    }

    movesnow()

    }



    function movesnow() {

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

    crds[i] += x_mv[i];

    snow[i].posy+=snow[i].sink

    snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);

    snow[i].style.top=snow[i].posy



    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}

    snow[i].posy=0

    }

    }

    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) {

    window.onload=initsnow

    }

    </SCRIPT>
    Last edited by ambercakes; 07-14-2009 at 10:18 PM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •