Forums

therockstar

hi everyone
i need your help again
i am working on Loop Slider and couldn't find any function which allows me to do Fade In, Fade Out Effect when i click Left and Right Function. Here is the JS file http://ge.tt/8PgElCC Please help me its urgent.
Thanks in Advance

jamy_za

Are you saying you want a slider that fades?

therockstar

hi @jamy_za i am already using Loop Slider .JS link here http://ge.tt/8PgElCC i want fade in and out function. if you have something better and easy to setup share with me Thanks.

therockstar

you can see the preview of slider here http://uat1.ascentis.com.sg/FraserWebPortal/portal/ if you click left and right arrow its just slide in and out and i want Fade in and out function like if you click on pagination bottom of slider.

jamy_za

Ok, look in loopslider.js: You'll find:

					$(".next",$t).click(function(){
						if(active===false) {
							animate("next",true);
							if(o.autoStart){
								if (o.restart) {autoStart();}
								else {clearInterval(sliderIntervalID);}
							}
						} return false;
					});

					$(".previous",$t).click(function(){
						if(active===false) {	
							animate("prev",true);
							if(o.autoStart){
								if (o.restart) {autoStart();}
								else {clearInterval(sliderIntervalID);}
							}
						} return false;
					});

Change animate("next",true) and animate("prev",true) to: animate("fade",true);

Quite lame that you have to actually edit the plugin itself - I'd recommend using something like PlusSlider or AnythingSlider in future. Especially since the developers of those plugins are active on these forums.

therockstar

Thank you so much @Jamy_za next time will use PlusSlider or AnythingSlider =) have a wonderful day

treehouse : what would you like to learn today?

Forums

[Solved] Loop Slider - Fade In, Fade Out Effect