Link to home
Start Free TrialLog in
Avatar of lshane
lshane

asked on

Classic ASP VBScript and Lightbox button without thumbnails

Classic ASP VBScript
Lightbox 2

Hello, all.

I am using Lightbox 2 with Classic ASP VBScript.

I create a recordset and display all the thumbnails and use the Lightbox effect for the larger images = All that works fine.

Some projects, however, have too many thumbnails.

So, I would like to:
1. Only have a "Photos" button that will open the Lightbox and click through all images from the respective recordset.

OR

2.  Have a horizontal thumbnail ticker that will scroll left to right (Not IE scrollbars) and then open to Lightbox when clicked.

I would prefer just the "Photos" button, but I can't figure out how to apply that button to the recordset and combine with Lightbox.

It seems I have to display thumbnails in order to click through images using Lightbox.


Your help is always appreciated!

Thanks,
Shane
Avatar of tobzzz
tobzzz
Flag of Spain image

Hi Shane,

I think you have to have something with the lightbox tag and destination image on it for lightbox to know how many images there are so it can flick through them one by one. So unless you can do a dirty trick like making the thumbnails all 1px x 1px transparent gifs so the user only sees the 1 main thumbnail then I think you'll have to do option 2.

I hope that helps :-)

/ Tobzzz
Avatar of lshane
lshane

ASKER

Hi, tobzzz.

That's what I was thinking.

So, how can I make a 1-row ticker the bottom?

 Not sure if this is the forum for that.
Do you mean like I've done towards the bottom of this page?
http://www.holiday-home-spain.net

If so, I used jquery carousel with a lightbox called ColorBox (a lightweight lightbox).
Avatar of lshane

ASKER

Yes, exactly like that.

Can you point me to a good tutorial and what scripts to download, please?


**The only thing is - I want to be able to pull from my ASP recordset - is that still possible with this?**

ASKER CERTIFIED SOLUTION
Avatar of tobzzz
tobzzz
Flag of Spain image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of lshane

ASKER

Thank you for your generosity, tobzzz!

I appreciate it.


Thanks so much!
Shane
Avatar of lshane

ASKER

Hi, tobzzz.

Really quickly:

The function of the test seems OK, but now just need a little direction with how to tweak:

- Number of thumbs displayed at a time

- I'm assuming you intentionally did not zip the "Next" and "Prev" images, etc. that you used.  I created my own arrows, but not sure what dimensions are needed.  There also seems to be a large space on the right between the right arrow and thumbs, but the left side seems crowded.

- There is a space at the bottom of the thumbs box.  Not sure how to remove that.
You can view here:   http://nixfowler.com/nfc8/colorbox/test.asp?projID=84


Your help is greatly appreciated!

Thanks,
Shane
Hi Shane,

Whoops, forgot to attach images for you - they're attached. You can tweak all other things in the trsdesign.css stylesheet. I tweaked sizes to fit my square thumbnails so you'll need to change these depending on the size of yours.

/ Tobzzz
images.zip
Avatar of lshane

ASKER

Hi, tobzzz.

You have NO idea how much you helped me!!!!!

I was searching everywhere for those images, because I didn't want to intrude upon you again.

Several days later (today) I resorted to coming back here to try and send you a message requesting the images... and you already had them posted.

Thank you!!!

I appreciate it!!!!

Shane
Avatar of lshane

ASKER

Hi, tobzzz.

ONE more question:

How can I alter the sizing of the lightbox images to be constrained to whatever the browser dimensions are?

Some of the images are very large, so when they pop up in the lightbox, I have to scroll left and right, or up and down to view the entire image.

Is there a way for the image to be constrained to the browser dimensions?

Ah, I'm not too sure on that. I guess the only way I can think of is, if you determine the size of the large image somehow and if it's greater than a certain size, then make it that certain size. Doesn't sound easy or ideal - sorry I really can't think how otherwise.

As I said, happy to help :-)