Jquery scroller banner

Please provide more details. What do you want to achieve?

I think you want to automatically scroll products after a time interval. If thats what you want you can use JS setInterval function and call a function and by using Jquery trigger click event of scrollers.

Let me know if you need more details.

Hi,

 Set automode is off. Please see the below link. It have same as what requirement you want.

 http://logicbox.net/jquery/simplyscroll/horizontal_manual.html

 Hope it may helpful to you.

Regards
Guvera

Guvera, atique_ansari
Well, i just want slider slide slower than now, i thought that may bee it will better to make it slide automatically without delay on each 3, but lets leave it. I need only make it slower during scroll

to make it slower during scroll u can increase the time duration mentioned in the .animate() function.
If I have correctly got ur question than there must be some code in ur script like :

<something>.animate( properties , duration [, easing] [, complete] )..

increase the duration to get the required speed.

here is JS,
What property should be added?

// JavaScript Document
$.fn.infiniteCarousel = function(width) {
	//alert(width);
	function repeat(str, num) {
		//alert(num);
		return new Array(num + 1).join(str);
	}
	return this.each(function() {
		var $wrapper = $('> div', this).css('overflow', 'hidden'),
			$slider = $wrapper.find('> ul'),
			$items = $slider.find('> li'),
			$single = $items.filter(':first'),
			singleWidth = $single.outerWidth(),
			visible = Math.ceil($wrapper.innerWidth() / singleWidth),
			// note: doesn't include padding or border
			currentPage = 1,
			pages = Math.ceil($items.length / visible);
		//alert(singleWidth);
		// 1. Pad so that 'visible' number will always be seen, otherwise create empty items
		if (($items.length % visible) != 0) {
			$slider.append(repeat('<li class="empty" style="width:' + width + '  />', visible - ($items.length % visible)));
			$items = $slider.find('> li');
		}
		// 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
		$items.filter(':first').before($items.slice(-visible).clone().addClass('cloned'));
		$items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
		$items = $slider.find('> li'); // reselect
		// 3. Set the left position to the first 'real' item
		$wrapper.scrollLeft(singleWidth * visible);
		// 4. paging function
		function gotoPage(page) {
			var dir = page < currentPage ? -1 : 1,
				n = Math.abs(currentPage - page),
				left = singleWidth * dir * visible * n;
			$wrapper.filter(':not(:animated)').animate({
				scrollLeft: '+=' + left
			}, 500, function() {
				if (page == 0) {
					$wrapper.scrollLeft(singleWidth * visible * pages);
					page = pages;
				} else if (page > pages) {
					$wrapper.scrollLeft(singleWidth * visible);
					// reset back to start position
					page = 1;
				}
				currentPage = page;
			});
			return false;
		}
		$wrapper.after('<div class="slider-left"><a class="arrow back"></a></div><div class="slider-right"><a class="arrow forward"></a></div>');
		// 5. Bind to the forward and back buttons
		$('a.back', this).click(function() {
			return gotoPage(currentPage - 1);
		});
		$('a.forward', this).click(function() {
			return gotoPage(currentPage + 1);
		});
		// create a public interface to move to a specific page
		$(this).bind('goto', function(event, page) {
			gotoPage(page);
		});
	});
};
$(document).ready(function() {
	$('.infiniteCarousel').infiniteCarousel();
});

Select allOpen in new window

sunu340:
Dear, i changed 500 to 5000 nothing happens.

Ideas?

Solved, this property was part of embedded JS inside php file.

Thank you all.