Results 1 to 4 of 4

Thread: JavaScript Image Gallery Help

  1. #1
    Join Date
    Apr 2013

    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 type="text/javascript">

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

    (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);


  2. #2
    Join Date
    Jun 2004
    Portsmouth UK

    God loves you and will never love you less.

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

  3. #3
    Join Date
    Apr 2013

    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

    Mouse in/Mouse Out


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


    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