Solved

Classic ASP VBScript and Lightbox button without thumbnails

Posted on 2010-09-07
11
1,193 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

 

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

I have helped a lot of people on EE with their coding sources and have enjoyed near about every minute of it. Sometimes it can get a little tedious but it is always a challenge and the one thing that I always say is:   The Exchange of informatio…
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…
Come and listen to Percona CEO Peter Zaitsev discuss what’s new in Percona open source software, including Percona Server for MySQL (https://www.percona.com/software/mysql-database/percona-server) and MongoDB (https://www.percona.com/software/mongo-…
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…

687 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