JavaScript - Colocar bucle for

 
Vista:
sin imagen de perfil

Colocar bucle for

Publicado por zip (1 intervención) el 30/05/2017 10:32:34
Buenas.... tengo este Script de supersize


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script type="text/javascript">
 
jQuery(function($){
 
	$.supersized({
 
		// Functionality
		slideshow               :   1,			// Slideshow on/off
		autoplay				:	1,			// Slideshow starts playing automatically
		start_slide             :   1,			// Start slide (0 is random)
		stop_loop				:	0,			// Pauses slideshow on last slide
		random					: 	0,			// Randomize slide order (Ignores start slide)
		slide_interval          :   3000,		// Length between transitions
		transition              :   6, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
		transition_speed		:	1000,		// Speed of transition
		new_window				:	1,			// Image links open in new window/tab
		pause_hover             :   0,			// Pause slideshow on hover
		keyboard_nav            :   1,			// Keyboard navigation on/off
		performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
		image_protect			:	1,			// Disables image dragging and right click with Javascript
 
		// Size & Position						   
		min_width		        :   0,			// Min width allowed (in pixels)
		min_height		        :   0,			// Min height allowed (in pixels)
		vertical_center         :   1,			// Vertically center background
		horizontal_center       :   1,			// Horizontally center background
		fit_always				:	1,			// Image will never exceed browser width or height (Ignores min. dimensions)
		fit_portrait         	:   1,			// Portrait images will not exceed browser height
		fit_landscape			:   1,			// Landscape images will not exceed browser width
 
		// Components							
		slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
		thumb_links				:	1,			// Individual thumb links for each slide
		thumbnail_navigation    :   0,			// Thumbnail navigation
 
		slides 					:  		// Slideshow Images
 
//bucle aqui---->
 
		for(var i=1;i<=11;i++){
 
			[{image : './thumbs/'+[i]+'.jpg', title : 'hola', thumb :'./thumbs/miniatura/'+[i]+'.jpg', url : ''}],
 
		}
 
		// Theme Options
		progress_bar			:	2,			// Timer for each slide
		mouse_scrub				:	0
 
	});
});


Se que sera una chorrada pero quiero que me cargue un numero de imagenes desde 1 hasta 11 pero me da error de sintaxis.. soy bastante novato... pero alomejor en esta funcion no se puede poner este for.....


Gracias por la ayuda...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de kip
Val: 582
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Colocar bucle for

Publicado por kip (106 intervenciones) el 31/05/2017 03:58:48
Hola, lo que debes hacer es almacenar en una variable los objetos correspondientes que necesites cargar a la propiedad slide del plugin, tal vez asi:

1
2
3
4
5
6
7
8
9
var images = []
for (var i = 1; i <= 11; i++) {
    images.push({
        image: './thumbs/' + [i] + '.jpg',
        title: 'hola',
        thumb: './thumbs/miniatura/' + [i] + '.jpg',
        url: ''
    });
}

Luego esa variable images la colocas asi:

1
slides: images  		// Slideshow Images

Pruebalo y nos cuentas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar