Home/ Questions/Q 8500573
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T00:58:58+00:00

I have two pictures in a container, and I have a button selector bar

  • 0

I have two pictures in a container, and I have a button selector bar under the pictures. I want to be able to select a button, and the 2 pictures will change to the next in line.

It’s like a carousal, but instead of 1 picture/div changing, its 2, and I want to be able for them to slide across for animation effect:

enter image description here

So when I select the button next to the red one, the pictures/div will change to 2 and 3, then 3 and 4, then 4 and 5, then 5 and 6 … well you get the idea.

Anyway, here is my code:

Any ideas on how to make this happen?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery has a hide method which will allow you to slide an element in and out of being displayed.

    So I would create container div’s for each set of images i.e. showing a pair. As your nav button (along the bottom) is hit, hide the current container shown and show the next one.

    See jQuery API http://docs.jquery.com/UI/Effects/Slide for more detail. But it allows for direction, left/right. And mode, show/hide

    • 0