Adding slideshow nav buttons in Image Thumbnail Viewer II

[buvwon]

Hi John,

Your solution worked beautifully for this site (http://www.deanamason.com/women), but now I can't get it to work for the site I am currently working on. It only goes to the first and last images and that's it. I don't know how to code, but it appears to be going into the else part of the statement every time. But I don't really know.

Here is the page where the arrows are not working.
http://www.bradleynewton.com/rick/ex...excerpts2.html


Thanks in advance!

[buvwon]

I also have another question in reference to the page above (http://www.bradleynewton.com/rick/ex...excerpts2.html) and the arrow modification you made for me.

Is there any way to get the little black box to be filled in depending on what image you are on. What I mean is when you click the right or left arrow or when you click the little box itself, the box associated with that image would darken (as they do on mouseover), but stay filled in. So if you were on the 10th image in the array, the box on the top right would filled in. Additionally, if you clicked this box, the 10th image would display and the box would stay filled in.

Thanks so much!

[jscheuer1]

I also have another question in reference to the page above (http://www.bradleynewton.com/rick/ex...excerpts2.html) and the arrow modification you made for me.

Is there any way to get the little black box to be filled in depending on what image you are on. What I mean is when you click the right or left arrow or when you click the little box itself, the box associated with that image would darken (as they do on mouseover), but stay filled in. So if you were on the 10th image in the array, the box on the top right would filled in. Additionally, if you clicked this box, the 10th image would display and the box would stay filled in.

Thanks so much!

The arrows aren't working very well on that page and, those little boxes are no part of the Thumbnail Viewer II script that I know of.

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.

[buvwon]

Script: Image Thumbnail Viewer II
http://www.dynamicdrive.com/dynamici...thumbnail2.htm

My File:
http://www.bradleynewton.com/rick/ex...excerpts2.html

Sorry 'bout that... I didn't realize I needed to put the script link in every post... thought it was just the first post in a new thread that needed it.

Anyway, yes, you are right the arrows aren't working well on that page. Maybe you didn't notice that I posted two posts right in a row, but that was my first question. I've tried renaming the files (that was a problem once on the other site I did) and a couple of other things and I can't seem to get them to work correctly.

As for the black boxes... they aren't part of the original script, but I thought maybe you or someone else might be able to figure out a way to incorporate them into the script so they would do a swap image as the arrows are clicked and as they are clicked. This is sort of two issues... the arrows and the boxes themselves:

1. The arrows... Somehow I need to have a swap image for the boxes that is tied to the function that figures out which image number in the array we are on. Possibly, I could then create an array or something for the little boxes themselves that would then swap the correct one for a filled in version.

2. The boxes... Here, I could simply do a SwapImage onClick in Dreamweaver except for one problem. I already have the onClick command changing the image in the center using the Image Thumbnail Viewer II script. I don't know how to add an additional onClick behavior and whether that would foul up the script.

Thanks!

[jscheuer1]

I did noticed that the modification I gave you wasn't working. That is due to the way the paths are listed in the array. To fix that, change this:

if (theImg.indexOf(dynimages[i_tem][0])>-1)

in the function findLoaded() to:

if (theImg.indexOf(dynimages[i_tem][0].replace(/^.*\//, ''))>-1)

I'm not sure about those little squares, you want the displayed image's little square to stay black. It might be best to use a different method of changing them, one integrated into the viewer script. Also, if empty divisions with 1px solid black borders and the desired dimensions were used, the background color of the division could be changed, no images required.

[buvwon]

Thanks... that fix worked perfectly.

I see what you saying about skipping the whole image thing with the boxes. Only problem is that I am pretty novice when it comes to all this, so I'm not sure how I'd go about changing the background color, etc and whether onclick commands could be applyed to just a cell. There are so many things that this client wants to occur on the boxes and arrows (multiple mouseover changes and multiple onclick changes) that I'm not sure how to accomplish them all. But thanks for the idea, anyway.

I really have appreciated all your help here in this forum, John. Thanks again.

And congrats on your 5,000th post.

[jscheuer1]

Well, I got sort of fascinated by this layout and came up with this demo. It requires that the little boxes still be images and that they each have the names that they did in the original code and that no other images on the page have names that begin with 'Image'. There are also a number of places where the path to the thumbnail directory is used, as well as the 'suffix' for the thumbnails, some of these are more noticeable than others. If those things change, they will need to be changed everywhere that they appear on the page. I also made some (valid for this page) assumptions about the numbering conventions for the thumbnails, they go 01 to 09 and then from 10 to whatever (in this case 30), if that scheme changes, adjustments to the code would have to be made. Needless (I hope) to say, uniquely named thumbnails (ones not in numerical sequence) cannot be supported with this code.

[buvwon]

Wow! Thank you! That demo is perfect... it does everything exactly as I want it to (except for the image enlargement). I can't tell you how excited I am to see this!

John... you have been unbelievably helpful and incredibly responsive on so many occasions now. I'd like to send you a little something as a thank you. Seriously, pm me or email me your address so I can do that.

THANK YOU!

[ukman_tony]

Script: Image Thumbnail Viewer II
http://www.dynamicdrive.com/dynamici...thumbnail2.htm

Here's a link to my working file:
http://freespace.virgin.net/tony.kin...odhands/1test/

This is all very new to me. I have downloaded the thumbnail viewer and added the code you gave above to be able to use next and previous navigation arrows. I've then uploaded the revised file onto my server, but the navigation arrows just don't work.

Can you help please

[ukman_tony]

Re my previous post, no worries, I've sorted it out now