I have posted this question on stack overflow to help me understand how to pass an array of objects in my plugin config option, but I have had no reply in the last 3 days. Would it be possible to know how I can pass an array inside my default config settings to allow users to add as many images as they like depending on the type of "array or parameter" that is provided.

The reason I am using arrays is depending on the type of array (desktop_xl[] , desktop_l[] , ipad_p[] , mobile_l[], mobile_p[]  ), the user will have the option to add as many images as they like inside different div containers. Please see below my plugin (my arrays are not connected with the default options yet.., thanks very much in advance for any help or advises:

1. ;(function($, window, document, undefined){
2. 
   
3. //define MyjQueryPlugin object with default config settings:
4.     
5. $.MyjQueryPlugin = {
6. defaults: {
7.             imagecontainer: "#container",
8.             version: "v01",
9.             transitionfx: "fade"   // "fade", "scrollHorz", "flipHorz", "shuffle", "tileSlide"
10. // add my Arrays to default options here?
11. // arrays should allow users to add as many images to #container div as they require
12. // arrays are desktop_xl[] , desktop_l[] , ipad_p[] , mobile_l[], mobile_p[]  
13. }
14. };
15. 
    
16.     
17. //extend jquery with the plugin
18. $.fn.extend({
19.     MyjQueryPlugin:function(config) {
21.     //use defaults or properties supplied by user
22.     var config = $.extend({}, $.MyjQueryPlugin.defaults, config );
23.     
24. //append slides         
25. $(config.imagecontainer).append('<div class="cycle-slideshow slides-xld" data-cycle-fx="'+ config.transitionfx +'" data-cycle-timeout="0" data-cycle-log="false" data-cycle-pager="#pagerxld" data-cycle-center-horz="true" data-cycle-auto-height="container"></div><div class="cycle-slideshow slides-ld" data-cycle-fx="'+ config.transitionfx +'" data-cycle-timeout="0" data-cycle-log="false" data-cycle-pager="#pagerld" data-cycle-center-horz="true" data-cycle-auto-height="container"></div><div class="cycle-slideshow slides-ipadp" data-cycle-fx="'+ config.transitionfx +'" data-cycle-timeout="0" data-cycle-log="false" data-cycle-pager="#pageripadp" data-cycle-center-horz="true" data-cycle-auto-height="container"></div><div class="cycle-slideshow slides-mobilel" data-cycle-fx="'+ config.transitionfx +'" data-cycle-timeout="0" data-cycle-log="false" data-cycle-pager="#pagermobilel" data-cycle-center-horz="true" data-cycle-auto-height="container"></div><div class="cycle-slideshow slides-mobilep" data-cycle-fx="'+ config.transitionfx +'" data-cycle-timeout="0" data-cycle-log="false" data-cycle-pager="#pagermobilep" data-cycle-center-horz="true" data-cycle-auto-height="container"></div>').css('height', $(window).height() );
26.      
27. // append MyjQueryPlugin sidebar
28.     this.append( '<div id="Mysidebar" class="open">' +
29.         '<p class="review">Version ' + config.version  + '- ready for review</p>'+
30.         '<hr>' +
31.         '</div>')
32.         .children()
33.         .css('height', $(window).height() );
34.         
35.       
36. 
    
37. //create array of objects        
38. var desktop_xl = [
39.     {
40.     "title":"Homepage", // text for sidebar
41.     "src":"slides/1200/Homepage.jpg"// path to image >= 1200px wide
42.     },
43.        {
44.     "title":"Categories", // text for sidebar
45.     "src":"slides/1200/Categories.jpg"// path to image >= 1200px wide
46.     },
47.     {
48.     "title":"Product description", // text for sidebar
49.     "src":"slides/1200/Product_description.jpg" // path to image >= 1200px wide
50.     }
51. ];
52.         
53. var desktop_l = [
54.     // if array is empty, remove elements from the page
55. ];
56.         
57. var ipad_p = [
58.     {
59.     "title":"Homepage", // text for sidebar
60.     "src":"slides/480/Homepage.jpg" // path to image >= 480px wide
61.     }
62. ]; 
63. var mobile_l = [];        
64. var mobile_p = [];
65.         
66. // set Global Variables
67. var width           =   $(window).width();
68. var currHeight      =   $(window).height();
69. var ctrl            =   $(".ctrl");
70. var ulscreenlia     =   $('ul.screen li a');
71. var sidebarlia      =   $('#MyjQueryPluginsidebar li a');
72. var sidebar         =   $("#MyjQueryPluginsidebar");
73. var ulscreenli      =   $('ul.screen li');
74. 
    
75. if (desktop_xl.length === 0) {
76.   ulscreenli.eq(0).hide();
77. $('div.select_join option[value="xld"]').remove();    
78. }
79. if (desktop_l.length === 0) {
80.   ulscreenli.eq(1).hide();
81. $('div.select_join option[value="ld"]').remove(); 
82. }
83. if (ipad_p.length === 0) {
84.   ulscreenli.eq(2).hide();
85. $('div.select_join option[value="ip"]').remove(); 
86. }
87. if (mobile_l.length === 0) {
88.   ulscreenli.eq(3).hide();
89. $('div.select_join option[value="ml"]').remove(); 
90. }        
91. if (mobile_p.length === 0) {
92.   ulscreenli.eq(4).hide();
93. $('div.select_join option[value="mp"]').remove(); 
94. }
95.         
96.     //create img desktop_xl loop    
97.     $.each(desktop_xl, function( index , value ){
98.         
99.         $('#container .slides-xld').append( 
100.             //getting values from array but cannot understand how to pass array(s): desktop_xl, desktop_l, ipad_p, mobile_l, mobile_p  inside config option
101.              //And Each arrays should allow user to add multiple images to #container dive
102.                         $("<img />").attr({ 
103.                                     id: value.title, 
104.                                     src: value.src,
105.                                     title: value.title
106.                         })
107.             
108.          
109.          );
110.      });
111.         
112.        //create img ipadp loop    
113.     $.each(ipad_p, function( index , value){
114.         
115.         $('#container .slides-ipadp').append( 
116.             
117.                         $("<img />").attr({ 
118.                                     id: value.title, 
119.                                     src: value.src,
120.                                     title: value.title
121.                                 })
122.          );
123.      });
124.         
125.       
126. function rundateobject(){
127.           
128.             var current_date = new Date ( );
129.             
130.             var month_names = new Array ( );
131.             month_names[month_names.length] = "January";
132.             month_names[month_names.length] = "February";
133.             month_names[month_names.length] = "March";
134.             month_names[month_names.length] = "April";
135.             month_names[month_names.length] = "May";
136.             month_names[month_names.length] = "June";
137.             month_names[month_names.length] = "July";
138.             month_names[month_names.length] = "August";
139.             month_names[month_names.length] = "September";
140.             month_names[month_names.length] = "October";
141.             month_names[month_names.length] = "November";
142.             month_names[month_names.length] = "December";
143.             
144.             var day_names = new Array ( );
145.             day_names[day_names.length] = "Sunday";
146.             day_names[day_names.length] = "Monday";
147.             day_names[day_names.length] = "Tuesday";
148.             day_names[day_names.length] = "Wednesday";
149.             day_names[day_names.length] = "Thursday";
150.             day_names[day_names.length] = "Friday";
151.             day_names[day_names.length] = "Saturday";
152.             
153.             $('#date').html( day_names[current_date.getDay()] 
154.             + ', ' 
155.             + month_names[current_date.getMonth()] 
156.             + ' ' 
157.             + current_date.getDate() 
158.             + ' ' 
159.             + current_date.getFullYear() );
160. 
     
161. };
162. 
     
163. //create animation for anchor links with jQuery DOM ready function        
164. $(function(){     
165.     $('a').hover(function(){
166.           $(this).animate({
167.              'margin-left':10,
168.              'padding-left':20
169.               
170.           },200); 
171.         $(this).dequeue(); 
172.         },
173.         function() {
174.           $(this).animate({
175.              'margin-left':0,
176.              'padding-left':15
177.           },200);
178.             $(this).dequeue(); 
179.         }        
180.       );
181. }); 
182.        
183. //on resize browser, adjust elements height
184.         
185.   
186. //initialise plugins
187. $(".nano").nanoScroller();   
188.         
189. //initialise functions
190. rundateobject(); 
191.     
192. //return the jquery object for chaining
193. return this;
194.         
195.   }// config options  
196.    
197. }); // jQuery extend
198.  
199.   
200. })(jQuery, window, document);