Hello !

First of all excuse me for my poor english...
I've got a problem with my plugin. It's a slider plugin and when I define multi instances in my page, the controls don't work...

1. (function($) {
      
       //
       // plugin definition
       //
       $.fn.blopSlider = function(options) {
          
           // build main options before element iteration
           var settings = $.extend({}, $.fn.blopSlider.defaults, options);
          
           // iterate and reformat each matched element
           return this.each(function() {
              
               var slider = $(this);
               var items = slider.find('li');
               var itemsLength = items.size();
               var className = slider.attr('class');
               var single = items.find('img:first');
               var singleHeight = single.height();
               var singleWidth = single.width();
               if (settings.displayed > itemsLength) {
               settings.displayed = itemsLength;
               }
               if (settings.scrolled > settings.displayed) {
                   settings.scrolled = settings.displayed;
               }
               switch (settings.direction) {
                   case 'horizontal':
                       var sliderHeight = singleHeight;
                       var sliderWidth = singleWidth * itemsLength;
                       if(settings.loop) {
                           var sliderWidth = sliderWidth + 2 * settings.scrolled * singleWidth;
                       }
                       var wrapperHeight = singleHeight;
                       var wrapperWidth = singleWidth * settings.displayed;
                   break;
                   case 'vertical':
                       var sliderHeight = singleHeight * itemsLength;
                       if(settings.loop) {
                           var sliderHeight = sliderHeight + 2 * settings.scrolled * singleHeight;
                       }
                       var sliderWidth = singleWidth;
                       var wrapperHeight = singleHeight * settings.displayed;
                       var wrapperWidth = singleWidth;
                   break;
               }
               var pages = Math.ceil(itemsLength / settings.scrolled);
               var currentPage = 1;
               var cloneSup = itemsLength - settings.scrolled -1;
               var cloneInf = settings.scrolled;
              
               initialize();
              
               function initialize() { //... code ... };
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
2.             function setWrapper() { //... code ... };
3.             function setContainer() { //... code ... };
4.             function clone() { //... code ... };
5.             function navigation() { //... code ... };
6.             function pagination() { //... code ... };
7.             function moveTo(page) { //... code ... };
8. 
   
9.             function clickEvent() {
                   container.find('.'+className+'_next').click(function() {
                       moveTo(currentPage + 1);
                   });
                   container.find('.'+className+'_previous').click(function() {
                       moveTo(currentPage - 1);
                   });
   
   
   
   
   
   
10.         });
        };
       
        //
        // private function for debugging
        //
        function debug($obj) {
            if (window.console && window.console.log)
            window.console.log($obj);
        };
       
        //
        // plugin defaults
        //
        $.fn.blopSlider.defaults = {
            transitionType: 'slide',
            transitionSpeed: 500,
            direction: 'horizontal',
            loop: true,
            displayed: 3,
            scolled: 3,
            legend: true,
            pagination: true,
            navigation: true,
            keyNavigation: true,
            nextKey: 39,
            previousKey: 37
        };
    //
    // end of closure
    //
    })(jQuery);
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

I don't understand what it's append. If someone understand...

Thanks.

Charles (begginer).