Código de JavaScript - redimensionar imágenes con un clic

Imágen de perfil

redimensionar imágenes con un clicgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 26 de Agosto del 2017)
610 visualizaciones desde el 26 de Agosto del 2017. Una media de 21 por semana
Este script hace que al hacer clic en una imagen de tu documento se re dimensione de tamaño.
Captura-de-pantalla-6
Captura-de-pantalla-7
Captura-de-pantalla-8
Captura-de-pantalla-9
Captura-de-pantalla-10
Captura-de-pantalla-11

Requerimientos

Navegador de Internet compatible

Si es de tu ayuda y quieres aprender mas visita:
https://www.youtube.com/channel/UCWSKQyNDhvBVrddHIhzx5Zg?view_as=subscriber

0.5
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 16 de Noviembre del 2017 (Publicado el 26 de Agosto del 2017)gráfica de visualizaciones de la versión: 0.5
611 visualizaciones desde el 26 de Agosto del 2017. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
<head>
<title>Pasteleria doña mary</title>
<script type="text/javascript">
	window.onload=function(){
 
		img = document.getElementsByTagName("img");
 
		for(var i=0;i <img.length; i++){
			img[i].onclick = function (){
				this.width=200;
			}
		}
 
	}
	</script>
	<style type="text/css">
		div{
			width: 80%;
			margin:auto;
			background-color:#FF9DCE;
			padding:20px;
			border: 4px #eee solid;
			color:#FFF;
			}
			img{
				border:#999 solid;
			}
			p{
				color:#FF0;
				font-family:"Comic Sans MS", cursive;
				font-size:18px;
			}
			h1{
				font-family:Verdana, Geneva, sans-serif;
				font-size:38px;
			}
			h2{
				font-family:Verdana, Geneva, sans-serif;
				font-size:18px;
			}
	</style>
</head>
 
<body bgcolor="#f1f1f1">
<div>
	<h1>Pasteleria doña Mary</h1>
    	<p>Nuestra pasteleria tiene la mejor variedad de pasteles del mundo, ademas de la gran variedad de sabores disponibles como los pasteles de 3 leches y la dems gran variedad de sabores que hay.</p>
        <h2>Mire nuestra gran variedad de Pasteles disponibles.</h2>
        	<center>
        		<img src="file:///C|/Users/humbe/OneDrive/Humberto EIAO/5º semestre/Programacion III/Etapa 1/Actividad %234/pastel.png" width="128">
        		<img src="file:///C|/Users/humbe/OneDrive/Humberto EIAO/5º semestre/Programacion III/Etapa 1/Actividad %234/pastel2.png" width="128">
        		<img src="file:///C|/Users/humbe/OneDrive/Humberto EIAO/5º semestre/Programacion III/Etapa 1/Actividad %234/pastel3.png" width="128">
        		<img src="file:///C|/Users/humbe/OneDrive/Humberto EIAO/5º semestre/Programacion III/Etapa 1/Actividad %234/pastel4.png" width="128">
        	</center>
 
    <h2>HISTORIA</h2>
    <p>nuestra pasteleria  inicia desde un negocio de casa con una familia coupada en el negocio de pasteles no tan reconocido como ahora, teniamos clientes constantes y pocos diseños de pasteles. no teniamos gran variedad de empleados como ahora, mary la pastelera fue la que estandarizo sus recetas en los establecimientos de "Pasteleria doña Mary" y hasta ahora han satisfecho a nuestros clientes.</p>
</div>
 
</body>
</html>



Comentarios sobre la versión: 0.5 (2)

Imágen de perfil
ScriptShow
28 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder
Imágen de perfil
miguel
16 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
Eres un craaaaasssss
Responder

Comentar la versión: 0.5

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s4131