Solved

Classic ASP VBScript and Lightbox button without thumbnails

Posted on 2010-09-07
11
1,176 Views
Last Modified: 2012-05-10
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
Comment
Question by:lshane
  • 6
  • 5
11 Comments
 
LVL 11

Expert Comment

by:tobzzz
Comment Utility
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
 

Author Comment

by:lshane
Comment Utility
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
 
LVL 11

Expert Comment

by:tobzzz
Comment Utility
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
 

Author Comment

by:lshane
Comment Utility
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
 
LVL 11

Accepted Solution

by:
tobzzz earned 500 total points
Comment Utility
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:lshane
Comment Utility
Thank you for your generosity, tobzzz!

I appreciate it.


Thanks so much!
Shane
0
 

Author Comment

by:lshane
Comment Utility
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
 
LVL 11

Expert Comment

by:tobzzz
Comment Utility
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
 

Author Comment

by:lshane
Comment Utility
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
 

Author Comment

by:lshane
Comment Utility
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
 
LVL 11

Expert Comment

by:tobzzz
Comment Utility
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

I would like to start this tip/trick by saying Thank You, to all who said that this could not be done, as it forced me to make sure that it could be accomplished. :) To start, I want to make sure everyone understands the importance of utilizing p…
Have you ever needed to get an ASP script to wait for a while? I have, just to let something else happen. Or in my case, to allow other stuff to happen while I was murdering my MySQL database with an update. The Original Issue This was written…
In this tutorial you'll learn about bandwidth monitoring with flows and packet sniffing with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're interested in additional methods for monitoring bandwidt…
This demo shows you how to set up the containerized NetScaler CPX with NetScaler Management and Analytics System in a non-routable Mesos/Marathon environment for use with Micro-Services applications.

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now