Solved

Classic ASP VBScript and Lightbox button without thumbnails

Posted on 2010-09-07
11
1,188 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
ID: 33619810
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
ID: 33619850
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
ID: 33619889
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
Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

 

Author Comment

by:lshane
ID: 33620051
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
ID: 33620211
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
 

Author Comment

by:lshane
ID: 33620302
Thank you for your generosity, tobzzz!

I appreciate it.


Thanks so much!
Shane
0
 

Author Comment

by:lshane
ID: 33620997
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
ID: 33625485
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
ID: 33668716
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
ID: 33668739
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
ID: 33670672
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

Are your AD admin tools letting you down?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
I was asked about the differences between classic ASP and ASP.NET, so let me put them down here, for reference: Let's make the introductions... Classic ASP was launched by Microsoft in 1998 and dynamically generate web pages upon user interact…
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

770 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