how to multiple images slideshow with jquery cycle plugin

[AND-20]

Hi ,

i am new to jquery cycle plugin

I would like to make a multiple images slideshow with jquery cycle
plugin

Say I have 12 images and I want to show 3 at a time and cycle through
the 12 in this fashion:
(img1-img2-img3) then (img2-img3-img4) then (img3-img4-img5).....
(img11-img12-img1)

auto scroll
on mouseover i need it to be paused and mouseout it should continue..

Thanks in advance
And

[AdmireNL]

Hello,

I'm looking for a same kind of solution.
Sliding rows of 3 images at the same time.
9 visible images in 3 rows (1-3) (4-6) (7-9).
Next slide will hide (1-3) and who (10-12).

Anyone know how to do that?

(Auto scroll and pause on hover is not a problem, that's all
documented on: http://malsup.com/jquery/cycle)

Thanks!


On Jul 17, 3:54 pm, AND <anildurug...@...> wrote:

> Hi ,
>
> i am new to jquery cycle plugin
>
> I would like to make a multiple images slideshow with jquery cycle
> plugin
>
> Say I have 12 images and I want to show 3 at a time and cycle through
> the 12 in this fashion:
> (img1-img2-img3) then (img2-img3-img4) then (img3-img4-img5).....
> (img11-img12-img1)
>
> auto scroll
> on mouseover i need it to be paused and mouseout it should continue..
>
> Thanks in advance
> And

[malsup]

> I'm looking for a same kind of solution.
> Sliding rows of 3 images at the same time.
> 9 visible images in 3 rows (1-3) (4-6) (7-9).
> Next slide will hide (1-3) and who (10-12).
>
> Anyone know how to do that?
>


The way to do that with Cycle is to group the sets of images inside
divs and treat the divs as slides.  For example:

<div id="slideshow">
    <div>
        <img .... />
        <img .... />
        <img .... />
    </div>
    <div>
        <img .... />
        <img .... />
        <img .... />
    </div>
    <div>
        <img .... />
        <img .... />
        <img .... />
    </div>
</div>

[DaniNy]

I cannot get this working with the jquery cycle plugin. Can any show a full example of how to get multiple images to show in a row? IE: first 3 images -->pause--> next 3 images

I really don't want to load another plugin like Carousel.

Thanks so much to anyone that can help :)

malsup wrote:

> I'm looking for a same kind of solution.
> Sliding rows of 3 images at the same time.
> 9 visible images in 3 rows (1-3) (4-6) (7-9).
> Next slide will hide (1-3) and who (10-12).
>
> Anyone know how to do that?
>


The way to do that with Cycle is to group the sets of images inside
divs and treat the divs as slides.  For example:

<div id="slideshow">
    <div>
       
       
       
    </div>
    <div>
       
       
       
    </div>
    <div>
       
       
       
    </div>
</div>

[DaniNy]

Here's a demo that Malsup was kind enough to make:
http://www.malsup.com/jquery/cycle/div.html

AND-20 wrote:

Hi ,

i am new to jquery cycle plugin

I would like to make a multiple images slideshow with jquery cycle
plugin

Say I have 12 images and I want to show 3 at a time and cycle through
the 12 in this fashion:
(img1-img2-img3) then (img2-img3-img4) then (img3-img4-img5).....
(img11-img12-img1)

auto scroll
on mouseover i need it to be paused and mouseout it should continue..

Thanks in advance
And