Abrir imagen en grande al hacer click encima de ella
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Abrir imagen en grande al hacer click encima de ella
Cómo poner una pequeña imagen que al hacerla clic se abra en una página más grande.
De esto se encarga www.imageshack.us.
Vamos a sacarle la URL
Para eso vamos a la página, examinamos nuestra foto y le damos a Host It.
Esperamos segundos y nos van a saltar varias barras de códigos, nosotros debemos copiar la última de abajo que dice Direct link to image.
Luego vamos a hacer lo siguiente
vamos a copiar el siguiente código y lo ponemos en un bloc de notas. Después vamos a completar el código con nuestra URL sacado de www.imageshack.us donde dice acá:
O sea, que cada vez que dice acá en el código, colocamos la URL de la imagen.
A su vez podemos modificarle el tamaño donde dice 150 y 150 eso es el ancho y el alto que nos va aparecer en nuestra página, y ahi cuando le hacemos clic nos va a aparecer una página donde esta la imagen en su tamaño original.
A todo el código lo vamos a poner donde queramos que aparezca la imagen pequeña, pero recuerda, después de apretar el botón FUENTE HTML porque si no nos aparece el código y NO la imagen.
De esto se encarga www.imageshack.us.
Vamos a sacarle la URL
Para eso vamos a la página, examinamos nuestra foto y le damos a Host It.
Esperamos segundos y nos van a saltar varias barras de códigos, nosotros debemos copiar la última de abajo que dice Direct link to image.
Luego vamos a hacer lo siguiente
vamos a copiar el siguiente código y lo ponemos en un bloc de notas. Después vamos a completar el código con nuestra URL sacado de www.imageshack.us donde dice acá:
O sea, que cada vez que dice acá en el código, colocamos la URL de la imagen.
A su vez podemos modificarle el tamaño donde dice 150 y 150 eso es el ancho y el alto que nos va aparecer en nuestra página, y ahi cuando le hacemos clic nos va a aparecer una página donde esta la imagen en su tamaño original.
A todo el código lo vamos a poner donde queramos que aparezca la imagen pequeña, pero recuerda, después de apretar el botón FUENTE HTML porque si no nos aparece el código y NO la imagen.
:: Tutoriales :: Tutoriales PWG
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.