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\'');
.........
.........
.......
--*/
