In would like to use some of the UI effects in my Innerfade Plugin I did as below ... but how could I manually Edit the Innerfade Plugin to add an Effect to it... I've checked it with slideLeft effect please help me on this
<head> <script type="text/JavaScript" src="jquery.js"></script> <script type="text/JavaScript" src="effects.core.js"></script> <script type="text/JavaScript" src="effects.slide.js"></script> <script type="text/JavaScript" src="innerfade.js"></script> </head> <body> <div id="slideRight"> < !-- SOME dATA --> </div> <script> // EXAMPLE ONE WORKS effect("#slideRight", "slide", { direction: "right" }); // this Works // EXAMPLE 2 DOSN'T WORK $("#slideRight").innerfade({ animationtype: "slideRight", speed: 1300, timeout: WaitProd, type: 'sequence', containerheight: CntHeight+'px' }); </script> </body> /*-- Part of INNERFADE.JS PLUGIN WE WANT TO USE THE EFFECT IN THIS PLUGIN .......... ........ ..... $.innerfade.next = function(elements, settings, current, last) { if (settings.animationtype == 'slide') { $(elements[last]).slideUp(settings.speed); $(elements[current]).slideDown(settings.speed); } else if (settings.animationtype == 'fade') { $(elements[last]).fadeOut(settings.speed); $(elements[current]).fadeIn(settings.speed, function() { removeFilter($(this)[0]); }); }else if (settings.animationtype == 'slideRight') { effect(elements[last], "slide", { direction: "right" }); effect(elements[last], "slide", { direction: "left" }); } else alert('Innerfade-animationtype must either be \'slide\' or \'fade\''); ......... ......... ....... --*/