https://uaeh.edu.mx/js/imagenestransicion.js

1function obtenerImagenesTransicion(idArea){
2	var resultado = obtenerImagenesTransicion_ws(idArea);
3	
4	resultado.done(mostrarImagenesTransicion);
5	resultado.fail(function(data){
6		//console.log(data.mensajeSistema.texto);
7		alert(data.mensajeSistema.texto);
8	});
9}
10function mostrarImagenesTransicion(data){
11	var $imagenes_c = $("#myCarousel");
12	var $indicadores = $("ol.carousel-indicators", $imagenes_c);
13	var $imagenes = $(".carousel-inner", $imagenes_c);
14	
15	$indicadores.empty();
16	$imagenes.empty();
17	
18	if(data.imagenesTransicion.registros && typeof data.imagenesTransicion.registros === "object")
19		var imagenes = data.imagenesTransicion.registros;
20	else
21		return;
22	
23	
24	$.each(imagenes, function(i, v){
25		// indicadores ó los puntos que la hacen de paginadores, en la parte inferior del carousel
26		$indicadores.append("<li data-target='#myCarousel' data-slide-to='"+i+"'"+(i===0?" class='active'":"")+"></li>");
27		
28		// contenido del carousel
29		$imagenes.append(
30				'<div class="item'+(i===0?' active':'')+'">'+
31					'<a href="'+((v.url && v.url!=="")?v.url:"#")+'" class="link-b">'+
32						'<img src="'+v.foto_url+'" data-src="" style="width:100%" alt="'+v.titulo+'" class="img-responsive">'+
33					'</a>'+
34					'<div class="container">'+
35						'<div class="carousel-caption">'+
36							'<a href="'+((v.url && v.url!=="")?v.url:"#")+'" class="link-b" style="color:#fff">'+'<h1 class="titulo_carrusel hidden-xss" style="text-shadow: 8px 2px 8px #000;">'+((v.titulo && v.titulo !== "")?v.titulo:"")+'</h1>'+
37							'<div class="hidden-xs" style="text-shadow: 8px 2px 8px #000;">'+((v.descripcion && v.descripcion !== "")?v.descripcion:"")+'</div></a>'+
38						'</div>'+
39					'</div>'+
40				'</div>');
41	});
42	
43	
44	// inicializa el carousel
45	$imagenes_c.carousel(
46		{
47			interval:10000
48		}
49	);
50}