jQuery Image Scrolling

ebaileyybs · ‎12-11-2014

Hi,

I would like to create an image scroller on one of our CMS homepages.I have found the following article which has a jQuery for a scroller;

http://cssglobe.com/jquery-plugin-easy-image-or-content-slider/

I have created a UI script for the jQuery code. I have then started to create the script with my images to try to set them to scroll.

Here is my script so far;

<?xml version="1.0" encoding="utf-8" ?>

<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

<g:include_script src="easySlider.1.7.js"/>

<ul>

</ul>

</div>

</j:jelly>

I am struggling with the next steps after adding the <div> code. What do I need to do to get this working?

Any help with this would be greatly appreciated.

Kind regards,

Emma

Harish Murikina · ‎12-11-2014

Hi Emma,

You can use Marquee html tag to scroll image.

I used this script to move to up

you have option like 1)direction = up 2) direction = left and 3) direction = right

<?xml version="1.0" encoding="utf-8" ?>

<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">

<html>

<body>

<div>

</div>

</body>

</html>

</j:jelly>

Regards,

Harish.

ebaileyybs · ‎12-11-2014

Hi, I have tried using marquee but I want to fit the images in a frame which the user can scroll through manually.

Do you know how I would go about doing this?

Kind regards,
Emma

Harish Murikina · ‎12-11-2014

Login this demo

demo011.service-now.com/login.do

uname and pwd : admin

https://demo011.service-now.com/ui_page.do?sys_id=49521ae32f787100fa26a31c91a1890b

Once you open the page click on attachment image it will scroll images

ankul · ‎09-21-2015

Hello harish,

I want image slider in my ui page/ui macro. Your logic is only for one image. Like i add four image in my page than one image is hold for some time after that it changes to another image.

Thanks

Ankul