Click to See Complete Forum and Search --> : Auto Dealer Website Needs Image Viewer


Warning|
11-11-2005, 11:35 AM
Im building a website for an auto dealer an i need code similar to this one featured in AutoTrader. Where a person will click on one of the smaller images and the larger one appears. I have little to no experience in JavaScript or php.. I was thinking of doing it in flash but knew their has to be an easier way to do this.

http://autotrader.com/fyc/vdp.jsp?rdpage=thumb&car_id=191946831&dealer_id=68977&car_year=2005&model=&bkms=1131725767133&lang=en&isp=y&start_year=1981&certified=&search_type=both&distance=25&make=ACURA&min_price=&address=11207&advanced=&end_year=2006&max_price=&cardist=5#vdptop

Any help? I have to get the site running by the due date within a week

Zipline
11-14-2005, 12:03 PM
I believe dreamweaver has a javascript click tool that would allow you to do this. Its really not that tough of an operation. You may want to ask the guys in the javascript forum if they have any places they've done this before so you can look at the code.

How are you going to update this site? Are you going to have to go in by hand and switch vehicles on a constant basis or are you going to do some server side work. I see you don't know PHP but it seems like a site for an auto dealership would be updated so frequently you would want to use PHP or another scripting language to make it cost effective for both you and the client.

Compguy Pete
11-15-2005, 12:00 PM
OH my you want to know how to put up thumbnails... ok This is just a couple of ways to do this...

Well most cases you have to create 2 sperate images
1. large image
2. small image

Option 1: New Window
Place the small image on the page then link to the large image.

IF you do a target to lets say target="_large" the large image will open in its own window.

Option 2: Javascript
http://javascript.internet.com/miscellaneous/thumbnail.html
http://javascript.internet.com/page-details/auto-resizable-pop-up.html
http://javascript.internet.com/navigation/thumbnail-navigator.html