To hide the arrows in the rotator follow the next steps:
1. Backup the file “home-rotator.js” located in /wp-content/themes/event-manager-0.9.5/event-manager/lib/js/
2. Open “home-rotator.js” and look for this code (near line 24):
jQuery(‘.jTscrollerPren, .TScrollerNextButton’).stop(true,true).fadeIn();
3. Place in front two backslashes “//” to comment it, like this:
//jQuery(‘.jTscrollerPren, .TScrollerNextButton’).stop(true,true).fadeIn();
4. Open the file “jquery.thumbnailScroller.js” located in wp-content/themes/event-manager/lib/js and look for the following function (near line 122)
function AutoScrolling() { $scroller.delay(options.autoScrollingDelay).animate({left:-(totalWidth-$this.width()),top:-(totalHeight-$this.height())},options.autoScrollingSpeed,options.autoScrollingEasing,function(){
$scroller.animate({left:0,top:0},options.autoScrollingSpeed,options.autoScrollingEasing,function(){
autoScrollingCount++;
if(options.autoScrolling>1 && options.autoScrolling!=autoScrollingCount){
AutoScrolling();
}
});
});
}
5. Replace it with this code:
function AutoScrolling(){
$scroller.delay(options.autoScrollingDelay).animate({left:-(totalWidth-$this.width()),top:- 0},options.autoScrollingSpeed,options.autoScrollingEasing,function(){
$scroller.animate({left:0,top:0},options.autoScrollingSpeed,options.autoScrollingEasing,function(){
autoScrollingCount++;
AutoScrolling();
});
});
}
5. Update the file.