Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Reply
 
Thread Tools Search this Thread Display Modes
Old Jan 13, 2010, 07:35 PM   #1
wvuwhat
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:

http://www.rendonremodeling.com/#int...ery_detail.cfm

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
opeter
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
polliwog
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

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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
thread Thread Starter Forum Replies Last Post
Dreamweaver CS4 Scrolling text area in page Cub Web Design and Development 4 Apr 1, 2011 12:09 AM
Creating Nav Bars using DreamWeaver CS4 Dam355 Web Design and Development 3 Nov 11, 2009 11:24 PM
Insert Image from URL in Dreamweaver CS4? jhkaplan Web Design and Development 1 Jun 29, 2009 12:56 PM
I Really Need Help on Configuring a Form in Dreamweaver CS4 andreab35 Web Design and Development 1 Dec 30, 2008 08:33 PM
Password protected folder in Dreamweaver cs4 (or cs3) gonnabuyamac Web Design and Development 4 Oct 23, 2008 03:53 PM


All times are GMT -5. The time now is 09:23 PM.

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

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