Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Perth, Scotland
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    mm_swapimage arguments definition

    Hope you can help.

    I'm currently building a website and trying to integrate a javascript image 'tranisition' effect into mm_swapimage and failing. My knowledge of Javascipt is limited but without knowing the 'arguments' for mm_swapimage, it's impossible (looks similar to vb, but can't find an answer anywhere)

    I want the effect to work on a 'timed' event rather than 'OnMouseOver' so have added script to change that (which is probably the issue!) I can get both to work idependantly but not together.

    I've simplified the page and pasted the code below, as it stands the 'effect' works, but it only uses the primary image, not the other image in the array.

    I'm using DW CS4 and the transition extension is called FlevOOware.

    Thanks

    Michael

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript">
    <!--
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function flvFSTI4(){//v1.01
    this.style.filter="";}
    
    function flvFSTI3(v1,v2){//v1.01
    var v3;if (v1.filters[0]&&v1.filters[0].status==2){v1.filters[0].Stop();}if (v2==0){v3="blendTrans(Duration="+v1.STI8+")";}else {v3="revealTrans(Duration="+v1.STI8+",Transition="+(v2-1)+")";}v1.style.filter=v3;}
    
    // Wipe Right Out
    function flvFSTI2(){//v1.01
    var v1,v2=document,v3=v2.STI4,v4;for (v4=0;v3&&v4<v3.length&&(v1=v3[v4])&&v1.STI5;v4++){if (v1.filters&&!v2.STI7){flvFSTI3(v1,v1.STI3);v1.filters[0].Apply();}v1.src=v1.STI5;if (v1.filters&&!v2.STI7){v1.filters[0].Play();}}}
    
    // Wipe Right In
    function flvFSTI1(){//v1.01
    // Copyright 2003, Marja Ribbers-de Vroed, FlevOOware (www.STI1.nl/dreamweaver/)
    var v1=arguments,v2=document,v3;v2.STI4=new Array();v2.STI7=(navigator.userAgent.toLowerCase().indexOf("mac")!=-1);for (var v4=0;v4<v1.length-2;v4+=5){v3=MM_findObj(v1[v4]);if (v3){v3.STI5=v3.src;v3.STI6=v1[v4+1];v3.STI2=v1[v4+2];v3.STI3=v1[v4+3];v3.STI8=v1[v4+4];v2.STI4[v2.STI4.length]=v3;if (v3.filters&&!v2.STI7){flvFSTI3(v3,v3.STI2);v3.onfilterchange=flvFSTI4;v3.filters[0].Apply();}v3.src=v3.STI6;if (v3.filters&&!v2.STI7){v3.filters[0].Play();}}}}
    
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    // Comma separated list of images to rotate 
    var imgs = new Array('images/DSCN1209.jpg','images/DSCN1210.jpg');
    // delay in milliseconds between image swaps 1000 = 1 second 
    var delay = 5000;
    var counter = 0;
    
    function preloadImgs(){
      for(var i=0;i<imgs.length;i++){
        MM_preloadImages(imgs[i]);
      }
    }
    
    function randomImages(){
      if(counter == (imgs.length)){
        counter = 0;
      }
      MM_swapImage (flvFSTI1('slider', '',7,7,1,1, imgs[counter++]));
      setTimeout('randomImages()', delay);
      
      MM_swapImgRestore (flvFSTI2('slider', ''));
    }
    //-->
    </script>
    </head>
    
    <body onload="preloadImgs();randomImages();">
    <img src="images/DSCN1209.jpg" name="slider" width="500" height="322" id="Image1"/>
    </body>
    </html>

  • #2
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,901
    Thanks
    79
    Thanked 4,421 Times in 4,386 Posts
    Way way way past time to abandon that incredibly ancient (and even then pretty bad) DuckWalker code.

    Go find some *GOOD* image handling code, not that stuff from DumbWeaker.

    Really. Truly. Please.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #3
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Perth, Scotland
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, . . . I think?

    Do you have any recommendations?

  • #4
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,901
    Thanks
    79
    Thanked 4,421 Times in 4,386 Posts
    Golly, there are so many of them. Literally hundreds.

    It really depends on what effect you are after.

    You just want an image-swap-with-transition upon a mouseover? A mouseover of what? The image itself or some other tag?

    Or what?
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #5
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Perth, Scotland
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No, I want a 'timed' sliding image effect. When the page is loaded 'img1' is displayed, then after the timed interval 'img2, then 'img3' etc.

    Like I say, I'm really a Javascript novice, I use some mootools effects when it comes to altering the coding, I lost.

    Thanks for you reply, it is appreciated.

  • #6
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,901
    Thanks
    79
    Thanked 4,421 Times in 4,386 Posts
    You mean like this?

    http://www.ArtsOfSnohomish.org/index_may2010.asp

    Oh...but that's not "sliding"...that's just "fading".

    I think what you are looking for is a "LightBox". Again, many of them out there. Google for "lightbox" and find one you like.

    The good ones will also take care of preloading the images, so you won't even need the DW code for that.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #7
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Perth, Scotland
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Not the best example you could have picked..check the code.. no site css definitions and looks like a dogs dinner. It works, I grant, but slick coding it ain't!

    Any java pro site would bring the code in on a link!

    At the moment 'Duck Waddler' seems to rule.

    I just want a someone who knows javascript to give me some help!

  • #8
    New to the CF scene
    Join Date
    Jul 2010
    Location
    Perth, Scotland
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The mm_swapimage, must have a LOGICAL argument and that is what I want to know, for example, in vb the open form argument is -

    DoCmd.OpenForm(Name,View,Filter,Condition,DataMode,WindowMode,Args)

    What is mm_swapimage in javasript (Location,Filename,?,?,?,?,?,.....

    please help....





    Join Date: Jul 2010
    Location: Perth, Scotland
    Posts: 4
    Thanks: 0
    Thanked 0 Times in 0 Posts

  • #9
    New to the CF scene
    Join Date
    Sep 2010
    Location
    Perth, Australia
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi

    I had a similar problem trying to get particular sound to play when when I slected a particular rollover image.

    I put in a few lines of code to make sure I was passing the arguments correctly. That might help you explore your arguments .
    I have attached a files with more of the code but the relevant section looks like this:

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

    var argc = a.length;
    for (var i = 0; i < argc; i++) {
    alert(argc);
    alert("Argument " + i + " = " + a[i]);}


    var thissound=document.getElementById(a[4]);
    thissound.Play();


    I hope this helps
    Attached Files Attached Files
    Last edited by Dr Jazz; 09-10-2010 at 11:29 AM.


  •  

    Posting Permissions

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