Member Avatar for serph09

So I have this code here: http://jsfiddle.net/4Cqkh/1/

What I'm trying to do is when I click on a thumbnail, the below larger image of it should display according to which thumbnail is clicked. I tried switching the larger image's src to that of the thumbnail src's value when clicked but it's not working correctly.

(I had to exectuce the js's function by calling itself instead of using onclick since the onclick doesn't seem to work when I tried wrapping it into the img tag).

Any help would be appreciated.

  • 1 Contributor
  • 1 Reply
  • 247 Views
  • 9 Minutes Discussion Span
  • Latest Post Latest Post by serph09
Member Avatar for serph09

Oh wow, I just found a solution 5 minutes after posting:p
Here's the updated code: http://jsfiddle.net/4Cqkh/3/

My question now is, let's say I only have the thumbnails displayed on the page, when I click on a thumbnail a modal window should pop up showing all the thumbnails and the enlarged version of each thumbnail when clicked. How should I do this?

Edited by serph09
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.