# Image slider

**URL:** https://forum.servoy.com/t/image-slider/17407
**Category:** Classic Servoy
**Created:** [August 22, 2013, 6:48pm UTC](https://forum.servoy.com/t/image-slider/17407 "2013-08-22T18:48:58Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![andres\_achiary1363801637](https://avatars.discourse-cdn.com/v4/letter/a/b5a626/32.png) [@andres\_achiary1363801637](https://forum.servoy.com/u/andres_achiary1363801637)
#### Post date: [August 22, 2013, 6:48pm UTC](https://forum.servoy.com/t/image-slider/17407/1 "2013-08-22T18:48:58Z")

</div>

Hi all,

I wanted to know if there is some bean or plugin for Servoy that slides between N images automatically fow the web client or some way with javascript to do so. An example of this would be in the home of [http://servoy.com/](http://servoy.com/)

Thanks in advanced,  
Andres

---

<div class="post-metadata">

### Author: ![mboegem](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/mboegem/32/4399_2.png) [@mboegem](https://forum.servoy.com/u/mboegem)
#### Post date: [August 22, 2013, 9:10pm UTC](https://forum.servoy.com/t/image-slider/17407/2 "2013-08-22T21:10:47Z")

</div>

Hi Andres,

using the ‘web client utils’ plugin ([servoyforge.net](http://servoyforge.net)) you can find the DOM elements on the dynamically created webclient pages.  
That way you can include the jQuery library / plugins in order to achieve this.

Hope this helps

---

<div class="post-metadata">

### Author: ![sovanm](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@sovanm](https://forum.servoy.com/u/sovanm)
#### Post date: [August 23, 2013, 7:40am UTC](https://forum.servoy.com/t/image-slider/17407/3 "2013-08-23T07:40:53Z")

</div>

Hi Andres,

We have done the image slider using JQuery plugins in servoy for both smart and web client. We need to add the JQuery libraries and CSS files in the ROOT/resources folder and access them directly in the HTML code, and attached this code to the HTML area onLoad of the form.

For smart client we need to take the help of Browser Bean for doing the same.

Thanks,  
Sovan

---

<div class="post-metadata">

### Author: ![andres\_achiary1363801637](https://avatars.discourse-cdn.com/v4/letter/a/b5a626/32.png) [@andres\_achiary1363801637](https://forum.servoy.com/u/andres_achiary1363801637)
#### Post date: [August 23, 2013, 5:00pm UTC](https://forum.servoy.com/t/image-slider/17407/4 "2013-08-23T17:00:48Z")

</div>

thanks you guys!!

I’ll be trying both ways and let you know about the results

---

<div class="post-metadata">

### Author: ![andres\_achiary1363801637](https://avatars.discourse-cdn.com/v4/letter/a/b5a626/32.png) [@andres\_achiary1363801637](https://forum.servoy.com/u/andres_achiary1363801637)
#### Post date: [September 3, 2013, 3:56pm UTC](https://forum.servoy.com/t/image-slider/17407/5 "2013-09-03T15:56:36Z")

</div>

Hi guys, I just wanted to let you know that with Sovan’s way I got this working. It’s very simple, just copy the jquery, css and my own .js in the folder ROOT/servoy-webclient and that’s it!

Thanks!!

---

<div class="post-metadata">

### Author: ![sovanm](https://avatars.discourse-cdn.com/v4/letter/s/a183cd/32.png) [@sovanm](https://forum.servoy.com/u/sovanm)
#### Post date: [September 10, 2013, 6:49am UTC](https://forum.servoy.com/t/image-slider/17407/6 "2013-09-10T06:49:46Z")

</div>

Good to know you liked it… ![:)]( "Smile")  
You can get more information on implementing this from [Servoy Javascript Bridge](http://www.mindfiresolutions.com/Servoy-JavaScript-Bridge.htm).

Thanks,