www.webdeveloper.com
Results 1 to 4 of 4

Thread: JavaScript Image Gallery Help

  1. #1
    Join Date
    Apr 2013
    Posts
    3

    JavaScript Image Gallery Help

    Hey, everyone. I'm new to this forum, so bear with me. I've got an image gallery located at this URL: http://www.greensideinc.com/gallery.html and you will see how the main image changes upon Mouse In and Mouse Out of the thumbnails.

    I'm wondering if there is a way with some additional script to have the image automatically flip from image to image first. So the user has an OPTION to just watch image after image go by (for say, 2-3 seconds each) OR if they would like, they can roll over the image and skip ahead to a specific image.

    I'm sort of an "Intermediate" in the world of code. I built this gallery system in Fireworks, so much of the code was written by that program. So be "gentle" with me when describing what code to add, and where to insert it. I REALLY appreciate it!

    I'll include the script part of the code . . . but if you want to see entire thing, please view the link above. Thanks so much, here's the code:

    <script type="text/javascript">
    <!--
    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 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_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_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];}
    }
    //-->
    </script>
    <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-35509219-1']);
    _gaq.push(['_trackPageview']);

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

    </script>

  2. #2
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,678
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Apr 2013
    Posts
    3

    Thank you!!

    Thank you so very much for that!! Worked like a charm! I am a big supporter of Operation Smile and will GLADLY make a donation to them for this. Thank you!

  4. #4
    Join Date
    Apr 2013
    Posts
    3

    Mouse in/Mouse Out

    Vic,

    I've got a question. Take a look at these pages again:

    http://greensideinc.com/gallery.html

    The Mouse In/Mouse Out functions seem to be working odd. When rolling over each thumbnail, it seems as though it's not going to the appropriate image. Any ideas?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles