Wedmasterayuda.es.tl cambia su desing a uno muchisimo mejor para su agrado
Este cambio de se deve a la nueva version que se esta creando se trata de la version 2.5 de wedmasterayudaMuchas mas opciones segiran surgiendo

Wedmasterayuda busca entrar al mundo de la musica
Se agregara esta nueva seccion para mayor divercion

Info No disponible
Juan Camilo Muñoz

iBienvenido a wedmasterayuda!

Como cambiar el tamaño de una imagen dinamicamente

Como cambiar el tamaño de una imagen dinamicamente

Este script puede ser muy util si tenemos una galeria de imagenes, puesto que el visitante aumentar o bien disminuir la imagen segun le guste.

http://www.fileden.com/files/2008/5/22/1925126/botoncodigowedmasterayuda.JPG
<HTML>
<HEAD>
<STYLE>
</STYLE>
<SCRIPT>
function resizeImage (imageOrImageName, width, height) {
var image = typeof imageOrImageName == 'string' ?
document[imageOrImageName] : imageOrImageName;
if (document.layers) {
image.currentWidth = width;
image.currentHeight = height;
var layerWidth = image.width > width ? image.width : width;
var layerHeight = image.height > height ? image.height : height;
if (!image.overLayer) {
var l = image.overLayer = new Layer(layerWidth);
}
var l = image.overLayer;
l.bgColor = document.bgColor;
l.clip.width = layerWidth;
l.clip.height = layerHeight;
l.left = image.x;
l.top = image.y;
var html = '';
html += '<IMG SRC="' + image.src + '"';
html += image.name ? ' NAME="overLayer' + image.name + '"' : '';
html += ' WIDTH="' + width + '" HEIGHT="' + height + '">';
l.document.open();
l.document.write(html);
l.document.close();
l.visibility = 'show';
}
else {
image.width = width;
image.height = height;
}
}
function zoomImage (imageOrImageName, factor) {
var image = typeof imageOrImageName == 'string' ?
document[imageOrImageName] : imageOrImageName;
if (document.layers) {
var currentWidth = image.currentWidth ? image.currentWidth :
image.width;
var currentHeight = image.currentHeight ? image.currentHeight :
image.height;
}
else {
var currentWidth = image.width;
var currentHeight = image.height;
}
var width = parseInt(currentWidth * factor);
var height = parseInt(currentHeight * factor);
resizeImage(image, width, height);
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript: resizeImage(document.images[0], 100, 100); void 0"> 100 100
</A> | <A HREF="javascript: resizeImage(document.images[0], 190, 190); void 0">
200 200 </A> | <A HREF="javascript: zoomImage(document.images[0], 1.1); void 0">
zoom + 10% </A> | <A HREF="javascript: zoomImage(document.images[0], 0.9); void 0">
zoom - 10% </A> <BR>
<IMG SRC="IMG.gif">
</BODY>
</HTML>


Nota: Modifica las opciones que encuentres en negrilla lo demas es obligatorio tenerlo de esa forma. Si este te sirvio de ayuda deja tu comentario pulsando aqui

Hoy hubo 203922 visitantes (725019 clics a subpáginas) ¡Aqui en wedmasterayuda!
Corporacion wedmasterayuda
Todos los derechos reservados
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis