Visual Lightbox - HotUKDeals
We use cookie files to improve site functionality and personalisation. By continuing to use HUKD, you accept our cookie and privacy policy.
Get the HUKD app free at Google Play

Search Error

An error occurred when searching, please try again!

Login / Sign UpSubmit

Visual Lightbox

Disco Avatar
7y, 1m agoPosted 7 years, 1 month ago
An appeal to all techies.. Has anyone used this software to display pictures and what is the best way to go about it.

I know there are free ones, but are the ones you pay for that little bit better? How do you add these to your webpage
Disco Avatar
7y, 1m agoPosted 7 years, 1 month ago
Options

All Comments

(4) Jump to unreadPost a comment
Comments/page:
#1
Can this be setup, so when clicking on a smaller image, the lightbox opens and displays a enlarged image? :thumbsup:
#2
It's easy peasy disco, call the javascript as in the tutorials, at the top of the html, then add the css code to your styles.css, and then add the html code for the images in the page.

The best ones I found are jquery based ones, just search for jquery lightbox. Most of them have a tutorial on how to set up, if the one you want. doesn't then just download the zip file, open the html code and copy the bits you need.
#3
faevilangel
It's easy peasy disco, call the javascript as in the tutorials, at the top of the html, then add the css code to your styles.css, and then add the html code for the images in the page.

The best ones I found are jquery based ones, just search for jquery lightbox. Most of them have a tutorial on how to set up, if the one you want. doesn't then just download the zip file, open the html code and copy the bits you need.


now, in english... would it be easier if I sent you the pages lol
#4
Disco
now, in english... would it be easier if I sent you the pages lol


:roll: Do yourself a favour, and stop using blooming dreamweaver, start coding it properly :thumbsup:

I put my reply as easy as possible :?

Search on google for "Jquery lightbox", find a version you like, (they all do different things).

Download the Zip file and extract it to the same document as your html pages.

Insert the javascript into the HTML head tags, for example.








You normally need 3 javascript headings, one will be inline css, 2 will be in files. The inline will be the ajax code for the lightbox. The files will be the main javascript.

Have a read on html @ [url]www.w3schools.com/html[/url]. I know you say you only do the sites for fun etc, but the future of web design is javascript libraries (such as jquery and mootools). Being able to code it without using dreamweaver is advisable as you need to be able to edit html code yourself to insert javascript based functions.

I'm too busy to be able to do it for you, it's worth learning it all. It's not difficult at all. There are thousands of tutorials to help you :thumbsup:

Post a Comment

You don't need an account to leave a comment. Just enter your email address. We'll keep it private.

...OR log in with your social account

...OR comment using your social account

Thanks for your comment! Keep it up!
We just need to have a quick look and it will be live soon.
The community is happy to hear your opinion! Keep contributing!