edinsoncs · April 11, 2017 22:21
diff --git a/DV2 b/DV2
 <!DOCTYPE html>
 <html>
 	<head>
 		<title>Mi primera galeria</title>
 		<style type="text/css">
 		body{font: normal normal 12px/12px Verdana; background: #ddd; }
 		body > div{ width: 950px; margin: auto; text-align: center; padding: 20px 10px; background: white; }
 		div div{ background: #DDD; border: 1px solid purple; color: purple; display: inline-block;  padding: 10px 15px; margin-right: 10px; }
 		h1{ font: italic bold 50px/52px Georgia; margin: 0 0 10px 0; color: fuchsia; text-align: center; border-bottom: 2px solid fuchsia; padding-bottom: 5px; }
 		img{ height: 170px; display: block; margin: auto; border: 2px solid #999; padding: 6px; background: white; border-radius: 4px; opacity: 0.85; transition: all 0.2s linear 0s; }
 		img:hover{ opacity: 1; border-color: purple; background-color: lightyellow; }
 		p{ margin: 0; padding: 4px; text-align: center; }
 		</style>
 	</head>
 	<body>
 		<div>
 			<h1>Mi primera galería</h1>

 			
 			
 		 <script type="text/javascript">
 			/* aca va tu codigo */
 			var fotos = ['<img src="thumbs/Abe Simpson.jpg" >' , '<img src="thumbs/Bart Simpson.jpg" >' , '<img src="thumbs/Juan Topo.jpg" >', '<img src="thumbs/Monty Burns.jpg" >', '<img src="thumbs/Payaso Krusty.jpg" >'];
 			
 			var nombres = ['Abe Simpson.jpg' , 'Bart Simpson.jpg' , 'Juan Topo.jpg' , 'Monty Burns.jpg' , 'Payaso Krusty.jpg']	
 			var o, u;

 			for(var i = 0; i < fotos.length; i++){
 				u = fotos[i]
 			} 

 		
 			for(var j = 0; j < nombres.length; j++){
 				o = nombres[j];
 				n = nombres[j];
 				
 				var show = n.replace('.jpg', '');
 				var showOne = show.split(' ');

 				document.write('<div>' + u + '</br>' + '<h2>'+showOne[0]+'</h2>'+ o + '</div>');		
 			}
 			
 			</script>
 		</div>
 	</body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Mi primera galeria</title>
	<style type="text/css">
	body{font: normal normal 12px/12px Verdana; background: #ddd; }
	body > div{ width: 950px; margin: auto; text-align: center; padding: 20px 10px; background: white; }
	div div{ background: #DDD; border: 1px solid purple; color: purple; display: inline-block; padding: 10px 15px; margin-right: 10px; }
	h1{ font: italic bold 50px/52px Georgia; margin: 0 0 10px 0; color: fuchsia; text-align: center; border-bottom: 2px solid fuchsia; padding-bottom: 5px; }
	img{ height: 170px; display: block; margin: auto; border: 2px solid #999; padding: 6px; background: white; border-radius: 4px; opacity: 0.85; transition: all 0.2s linear 0s; }
	img:hover{ opacity: 1; border-color: purple; background-color: lightyellow; }
	p{ margin: 0; padding: 4px; text-align: center; }
	</style>
	</head>
	<body>
	<div>
	<h1>Mi primera galería</h1>



	<script type="text/javascript">
	/* aca va tu codigo */
	var fotos = ['<img src="thumbs/Abe Simpson.jpg" >' , '<img src="thumbs/Bart Simpson.jpg" >' , '<img src="thumbs/Juan Topo.jpg" >', '<img src="thumbs/Monty Burns.jpg" >', '<img src="thumbs/Payaso Krusty.jpg" >'];

	var nombres = ['Abe Simpson.jpg' , 'Bart Simpson.jpg' , 'Juan Topo.jpg' , 'Monty Burns.jpg' , 'Payaso Krusty.jpg']
	var o, u;

	for(var i = 0; i < fotos.length; i++){
	u = fotos[i]
	}


	for(var j = 0; j < nombres.length; j++){
	o = nombres[j];
	n = nombres[j];

	var show = n.replace('.jpg', '');
	var showOne = show.split(' ');

	document.write('<div>' + u + '</br>' + '<h2>'+showOne[0]+'</h2>'+ o + '</div>');
	}

	</script>
	</div>
	</body>
	</html>