Image Viewer w/ Interactive Elements, Animation, & Revealed Descriptions

[jpilling]

Hello,

I've been tasked with creating a rotating image slider of a product with highlighted sections on each image that correspond to a list of features. What I need to be able to do is click on a feature that triggers an animation to slide to the image that has that feature on it (through "in-between" images of the product), and then have that specific feature glow on the image to show thats what the user selected, and then reveal a description of what they clicked on to the right of the image. I need to be able to click on the spots on the image to reveal the description as well.

Unfortunately, I just jumped into JavaScript so I really don't know where to begin with something like this. Any help is appreciated!

 

[vacunita]

Mentioning you are not very familiar with JS would be the first step.

This is quite complex, it will need quite a few layers interacting together.

I would start by looking for some pre-built solutions that may over most bases.

Look into jquery slideshows, or JS slideshows and go from there.

You are going to have to really dig into JS or JQuery to get this done, and it not something to be done in 2 lines of code.
Its going to need a lot opf programming even with pre-built solutions as you{ll likely need to adapt them.




----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

 

[jpilling]

Do you know of a slideshow solution that I could modify? I've been looking for a couple of days and have yet to find something even close to what I'm describing.

Thanks!

 

[vacunita]

As I said likely not something that has all the features. You'll have to look for something that gets the important aspects, and then start adding layers to it.

Look for slicebox, as it has the info on button press already, the rest you'll have to implement.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech