[Urgent] Need some help with JavaScript.

farouqxii Peon

Messages:: 20

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#1

I was programming my website, and then I came up with an idea and used this code:

(function($) {

$.fn.easySlider = function(options){

// default configuration properties
var defaults = {
prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next',
orientation: '', // 'vertical' is optional;
speed: 800
};

var options = $.extend(defaults, options);

return this.each(function() {
obj = $(this);
var s = $("li", obj).length;
var w = obj.width();
var h = obj.height();
var ts = s-1;
var t = 0;
var vertical = (options.orientation == 'vertical');
$("ul", obj).css('width',s*w);
if(!vertical) $("li", obj).css('float','left');
$(obj).after('<span id="'+ options.prevId +'"><a href=\"jvoid(0);\"></a></span> <span id="'+ options.nextId +'"><a href=\"jvoid(0);\"></a></span>');
$("a","#"+options.prevId).hide();
$("a","#"+options.nextId).hide();
$("a","#"+options.nextId).click(function(){
animate("next");
if (t>=ts) $(this).fadeOut();
$("a","#"+options.prevId).fadeIn();
});
$("a","#"+options.prevId).click(function(){
animate("prev");
if (t<=0) $(this).fadeOut();
$("a","#"+options.nextId).fadeIn();
});
function animate(dir){
if(dir == "next"){
t = (t>=ts) ? ts : t+1;
} else {
t = (t<=0) ? 0 : t-1;
};
if(!vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ marginLeft: p },
options.speed
);
} else {
p = (t*h*-1);
$("ul",obj).animate(
{ marginTop: p },
options.speed
);
}
};
if(s>1) $("a","#"+options.nextId).fadeIn();
});

};

})(jQuery);
Click to expand...

Simply, an image slider for my site.
However, this code is working flawlessly BUT I want to have a button which will do the job not the buttons which already are created by the script.
I aleady set up the css and everything.

I never worked with Javascript before, that's why this maybe seems nooby. I would like to have some modifications to the code and that I will be able to use the "NextBtn" anywhere in my site

Thanks.