[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1209
  • Last Modified:

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
0
lshane
Asked:
lshane
  • 6
  • 5
1 Solution
 
tobzzzCommented:
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
0
 
lshaneAuthor Commented:
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.
0
 
tobzzzCommented:
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).
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
lshaneAuthor Commented:
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?**

0
 
tobzzzCommented:
I'm feeling generous so I've stripped down my page to a template and included all the files you'll need in a zip attached. You can just customise this to work with your ASP recordset. It's pretty lightweight as this is what I was trying to achieve when I did that site.

Happy coding :-)

/ Tobzzz
jqueryCarouselAndColorbox.zip
0
 
lshaneAuthor Commented:
Thank you for your generosity, tobzzz!

I appreciate it.


Thanks so much!
Shane
0
 
lshaneAuthor Commented:
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
0
 
tobzzzCommented:
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
0
 
lshaneAuthor Commented:
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
0
 
lshaneAuthor Commented:
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?

0
 
tobzzzCommented:
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 :-)
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now