Member Avatar for mattster

Hi All,

I was wondering if there was a way using Javascript/JQuery to do something similar to the previews on the following sites:

Here we have a sort of select menu with an image preview, any ideas how to do this?

Thanks

  • 2 Contributors
  • 1 Reply
  • 211 Views
  • 2 Hours Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for JorgeM

Image preview? You should be able to build something easy. The general idea is that when you hover over an element, you want some image to show somewhere.

Take a look at this Javascript thumbnail viewer example.

When you hover over the thubmnail (in this case its an image, but it could be any element), the mouseover/hover event is triggered and a function is called. In that function, you change the source attribute of your image.

So in the examples you provided above, it should be the same approach that they are using. As you hover over the elements, you are executing a function. Depending on what paramater your are passing to the function will result in a different image appearing.

hope this helps, or at least gets you in the right direction.

commented: Thank you!! I now have a perfectly working page :D +3
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.