View Full Version : Hi, can someone please tell me what to google in order to figure out how to do this

Russ in Vancouver
01-19-2012, 03:01 AM
Please see this thread, it has 2 images that are attachments hosted by the sbf site, when one clicks on it, it opens up a new type of window and one can now browse the images.
http://www.small-business-forum.net/advertising-review/5851-one-my-kerry-all-pouch-brochures.html (http://www.small-business-forum.net/advertising-review/5851-one-my-kerry-all-pouch-brochures.html
How is this done? is it flash or something?


Russ in Vancouver
01-19-2012, 12:00 PM
Here is the link again, it wasnt working properly in the first post.

01-19-2012, 11:45 PM
It's built into vBulletin here. It's called a modal window and it's usually created with Javascript. There are jQuery libraries and plugins you can search for. Look for something like modal window jQuery and you should find some code.

Sometimes it'll be called lightbox, because that was the name of a popular script. I use a lightbox WordPress plugin on my site that does the same thing. You could also search for image gallery scripts (again with Javascript of the jQuery library). Most image galleries now will feature modal windows.

Russ in Vancouver
01-20-2012, 01:28 AM
Hi vg,

Im using dreamweaver cs4, thinking to upgrade soon. Do you know if this is built in to dw?

Thanks again! I pm'ed you

01-21-2012, 06:42 AM
I highly doubt anything like this would be built into DW, but I haven't used it in years.

As VG said, you'll need to use JavaScript to get this to work. Just Google "modal window example" and you'll see a bunch of different implementations. If you're familiar with jQuery, one of their plugins may be the easiest way to get one up and running quickly.

01-23-2012, 01:14 AM
I doubt DW would have this built in either. It's not a single line of code or two. It's not overly complex though. Find a modal window script or a lightbox script. You'll just have to include the script via a link. using the scripts are generally easy. Most of the time it's just adding something like rel="lightbox" or similar to the link on the image and pointing to the larger image that opens up.

Russ in Vancouver
01-23-2012, 03:44 AM
Thanks guys

02-01-2012, 05:02 PM
I've used several of the free scripts from Dynamic Drive before for this type of thing, they have loads of great scripts for the sort of stuff you are after Dynamic Drive DHTML(dynamic html) & JavaScript code library (http://www.dynamicdrive.com/)

Also check out JQuery tools which also offer loads of free cool scripts for what you want to do: http://flowplayer.org/tools/

I hope this helps?

Russ in Vancouver
02-02-2012, 03:40 AM
Ooh sweetness!!
;) this looks cool I can't wait to try it out. I'm on the iPhone right now hehe