solve my problem?!

karoliina · #1 Feb 20th, 2007, 10:04

Hi all dear people,

I have a small problem concerning my webpage:
I wish to show thumbnails and a larger image on the same page simultaneously, so when you click on the thumbnail the larger image changes but the rest of the page stays the same. (this link explains it better what I mean : http://uk.tiffany.com/shopping/item....&menu=1&page=5 but I am NOT talking about the rollover effect, just the big picture changing..!)

So, do I need flash to do this? Or is there a simple way to do it that I just have missed altogether?! I am using Dreamweaver and the only way around it I find is to make a new page for every click and to me that is very complicated...!

If anyone could drop me a line, it would be much appreciated!!

thanks!

Karoliina

Ryan Fait · #2 Feb 20th, 2007, 10:46

JavaScript (Ajax) is the best way to go. Lightbox is wonderful, and there are several others out there. Try hotscripts.com for more if you don't like Lightbox

Vorbis · #3 Feb 20th, 2007, 10:47

You could use the behavior tool in dreamweaver8.

Click the image you want to swap then click on the '+' symbol in the behaviors window, then choose the image you want to swap it with and click ok when your finished. When you click ok you will see the behavior that has been added, there will a bit to the left it usually says 'OnPress', change it to 'OnClick' and then save you page and test.

It should work.

Post back if ya have any problems.

Vorbis · #4 Feb 20th, 2007, 10:49

Ryan Fait's way would be the best way to do it.

karoliina · #5 Feb 20th, 2007, 10:52

cheers!

thank you, will give these a go and will get back if (when) there are more problems..!

karoliina · #6 Feb 20th, 2007, 13:31

hm, I think the script is slightly too difficult for me! Is there any other way to do this, or should I take a crash course in JavaScript?!!

Thanks!Im glad I found this forum where I can share my problems...!

karinne · #7 Feb 20th, 2007, 15:08

There's nothing to do really ... all you need is add the rel="lightbox" to you images you want the lightbox thing to appear. Adding the title attribute will add text i nthe bottom left of the popup. Then ... add the proper javascript.

Just read the instructions ... there's nothing to it.

Ryan Fait · #8 Feb 20th, 2007, 22:29

Yeah, you don't need to know JavaScript at all.

Vorbis · #9 Feb 21st, 2007, 08:41

Goto http://www.huddletogether.com/projec...box2/#download and scrool down about have way and download the Lightbox JS v2.02.

Put that .js file into the same directory as your webpage.

Once you've done that go and edit your site in an html editor and goto the <head> section and paste this code into the <head> section:
<script type="text/javascript" src="lightbox.js"></script> The image that your looking to add it too find the codefor it and add the rel:"lightbox" code inside the link codefor that image. The code below would add the javascript to the image called'image-1.jpg' which is inside the 'images' folder.Example:<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> If ya have any trouble then please post back.

karoliina · #10 Feb 21st, 2007, 09:25

Thanks a lot everybody! I will give it a go and see what happens...!

LinkBacks (?) LinkBack to this Thread: http://webforumz.com/starting-out/21922-solve-my-problem.htm
Posted By	For	Type	Date
Article Feed » solve my problem?!	This thread	Pingback	Feb 20th, 2007 10:59

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Can anyone help me to solve this coding?	heeromai	Flash & Multimedia Forum	0	Mar 9th, 2008 07:57
Please help solve bck grd img fliker IE6	Oak	Web Page Design	12	Mar 5th, 2008 13:21
can anyone solve my external php problem?	dilby	PHP Forum	3	Apr 19th, 2007 21:04
Ok SQL wizzes! Solve this!	Weird1993	Databases	2	Feb 13th, 2007 00:34
html expert required to solve one problem	DannyP43	Job Opportunities	1	Oct 10th, 2006 10:30

		Webforumz.com > Main Forums > Design Your Website > Starting Out
solve my problem?!