Results 1 to 7 of 7

Thread: Request(s) for Image Thumbnail Viewer II

  1. #1
    Join Date
    Apr 2007
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Request(s) for Image Thumbnail Viewer II

    1) Script Title: Image Thumbnail Viewer II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    3) Describe problem:

    Not so much a problem as a request... I love this script on IE, but the lack of trans FX on FF are its achilles heel. Is there a way to incorporate somekind of trans effect on FF? I'm no expert, but many scripts that used to only fade in/out on IE have been updated to do so on FF as well, so I thought maybe... y'know.

    Second request : have all images associated with the same viewing area auto-cycle until user mouseovers (which would interrupt the cycle). You could even add a small border around the thumbs that would highlight when that thumb is active (ie, when the bigger version of that image is shown). Combined with the auto-cycling, the effect would be incredible, I think.

    Just wanted to sneak in these 2 feature requests for a possible Image Thumbnail Viewer III

    Thanks for reading me!
    Last edited by jyeager; 04-09-2007 at 05:04 AM. Reason: Tracking replies...

  2. #2
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    Here's the updated JS file including the Moofx package for the effects

    And add this:
    HTML Code:
    <script type="text/javascript" src="mootools.v1.00.js"></script>
    above this:
    HTML Code:
    <script type="text/javascript" src="thumbnailviewer2.js" defer="defer">
    
    /***********************************************
    * Image Thumbnail Viewer II script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/
    
    </script>
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  3. #3
    Join Date
    Apr 2007
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy

    Hi,

    Thanks, but... after updating the files as you said, I see no difference on FF, and now IE is reporting "Object doesn't support this property" bugs.

    Was there more to it than just the instructions you left?

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Have a look here:

    http://home.comcast.net/~jscheuer1/s..._ext_thumb.htm

    It activates onclick. It is adapted from (and uses the external script file of):

    http://www.dynamicdrive.com/dynamici...army/index.htm

    See if it is close to what you are looking for.

    Note: In the source of the demo -

    <script src="sai_ss.js" type="text/javascript"></script>

    refers to an external script file. This is the same external file as the:

    swissarmy.js

    used by the official DD version Demos.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Apr 2007
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yeah, that looks about right... did you do this yourself? I'll look at the script and how many k it is in a sec (the lighter the better, of course, since the page is already image-heavy). How hard would it be to have it work on hover instead of click?

    Do you do a lot of work like this? If I need further customizing, do you think I can hire you? (For one thing, I'm considering having the images auto-cycle until mouseover stops the cycling... or am I just being crazy even thinking about it?)

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    To get the demo I posted to work onmouseover with cycling until the first image is moused over is simple, just change:

    Code:
    slides5.manual_start=1;
    to:

    Code:
    slides5.manual_start=0;
    and add onmouseover="this.onclick();" to the document.write method:

    Code:
    document.write('<img src="'+slides5[i_tem][0].replace(/\.jpg/, '_thumb.jpg')+'" style="cursor:pointer;padding:2px;" onclick="if (iss[0].playing){iss[0].gostop(iss[0].go(\'gostp0\'));setTimeout(\'iss[0].jumper('+[i_tem+1]+')\', 1000);}else{iss[0].jumper('+[i_tem+1]+');}" onmouseover="this.onclick();"> ');
    PM or email me if you want us to consider your hiring me.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Apr 2007
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, I finally had time to look at your links. To be honest, I got lost in its code :-S I'd rather not "automate" the thumbnail placement process the way you did. I don't want to be stuck with one layout.

    In fact, the original thumbnailviewer2 was almost perfect. A loading area I can customize, a class I can throw on the thumbs, and voilą. Magic. The only thing it lacked was trans fx on FF... even a february 07 update available @ http://www.klosi.org/dynamicindex4/thumbnail2.html won't allow for the fx on FF.

    What would need to be done to my page to have the trans fx on FF too? http://vilverset.com/pics2.html

    PS: Having the thing auto-cycle on a timer (not just the main image but the thumbs too; meaning keeping the hover state of the thumb corresponding to the image currently displayed) would be absolute GRAVY... but not absolutely necessary.

    Thanks in advance!

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
  •