Go Back   MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Thread Tools Search this Thread Display Modes
Old Jan 13, 2010, 07:35 PM   #1
macrumors 65816
wvuwhat's Avatar
Join Date: Sep 2007
Creating Image Gallery in Dreamweaver CS4

So, my friend and I are working on his website for his new construction business. I am helping him and have very limited knowledge of the various ins and outs of Dreamweaver.

We want to create something that will show thumbnails and be able to click to enlarge to full size. Something along the lines of this:


Do you have any helpful tips or any links that you could share?

Thank you.
wvuwhat is offline   0 Reply With Quote
Old Jan 15, 2010, 10:18 AM   #2
macrumors 6502a
opeter's Avatar
Join Date: Aug 2007
Location: Slovenia (EU)
The simplest way: try LightBox.
My cartoon hero: www.dangermouse.org
opeter is offline   0 Reply With Quote
Old Jan 30, 2013, 07:49 PM   #3
macrumors member
Join Date: Mar 2009
This post is old but I found it through google. Seems nobody knows how to code anymore. And using lightbox can get more complex than the average Joe or Jane can overcome. In Dreamweaver this is super easy. I never used CS4 before, but no doubt it's about the same as with the current version (CS6).

First, you must take your images and resize them in say Paint or Photoshop. I use Photoshop 64 CS6. File and open the image. Go to Image in the menu then to image size. Choose your pixels (say 300x200) and click ok and choose where or what you want to save the thumbnail/smaller image as.

Then open up Dreamweaver. Choose html site when the dialogue box opens at program start.

At the bottom right corner of DW (by default) you'll find your site files/folders. Drag the pictures (the thumbnail and the original image) into your images folder.

Put the cursor where you want the picture thumb to be inserted on the page. Then go to Insert in the menu and select image. Find the thumbnail image you just dragged to your site files. And click ok. DW will bring it onto the page where you had the cursor placed.

Right click on this thumbnail image and select add link. Choose the original main image and enter some alt text to help the search engines if you want and that's it.

I think it's much easier than learning lightbox2 and/or jquery
polliwog is offline   0 Reply With Quote

MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Creating a Phantom Disk Image? VideoBeagle OS X 10.8 Mountain Lion 6 Dec 20, 2013 01:44 AM
Image Gallery in Xcode alaahershy Mac Basics and Help 0 Sep 12, 2013 10:29 AM
Creating a new image davejay00 MacBook Air 7 Jul 30, 2013 04:10 AM
JavaScript Change Thumbnail Images Within A Image Gallery Table mikeschmeee Web Design and Development 7 Feb 23, 2013 09:36 AM
creating ISO disk image thebelt24 Mac and PC Games 3 Aug 6, 2012 11:29 AM

Forum Jump

All times are GMT -5. The time now is 10:30 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2015, MacRumors.com, LLC