2/11/12

[Tutorial]Efecto agrandado al pasar el cursor

Hola mis pastelitos :3 hoy os traigo un tuto super simple y sencillo es muy fácil de cogerlo solo tienes que seguir estos pasos,bueno aqui va a por cierto si estoy un poco pesada con poner fotos de kurama *-* es obsesión

1.Ir a Plantilla--->Editar HTML
2.Ctrl+F y buscar </head>
 3.Pegar el codigo antes de</head>






<script type='text/javascript'>
/ / <! [CDATA [
/ * Expando Imagen Guión 2008 John Davenport Scheuer
como ya vimos en http://www.dynamicdrive.com/forums/
nombre de usuario: jscheuer1 - Esta noticia debe quedarse para uso Legal
* /
if (document.images) {
(function () {
var cos, a = / Apple / .test (navigator.vendor), = a veces? 20: 40, velocidad = a? 40: 20;
var expConIm = function (im) {
im = im | | window.event;
if (! expConIm.r.test (im.className))
im im.target = | | im.srcElement | | null;
if (im | |! expConIm.r.test (im.className))
volver;
var e = expConIm,
widthHeight = function (dim) {
devolver dim [0] * cos + dim [1] + "px";
},
cambiar el tamaño = function () {
cos = (1 - ((Math.cos e.ims [/ i] salto veces) * math.pi.)) / 2;
im.style.width = widthHeight (e.ims [i] w.);
im.style.height = widthHeight (e.ims [i] h.);
if (e.ims [i]. && d veces> e.ims [i]. salto) {
+ + e.ims [i] saltar.;
e.ims [i] timer = setTimeout (cambio de tamaño, velocidad).;
} Else if (! E.ims [i]. && D e.ims [i]. Saltar> 0) {
.. - e IMS [i] saltar;
e.ims [i] timer = setTimeout (cambio de tamaño, velocidad).;
}
}, D = document.images, i = d.length - 1;
para (i; i> -1, - i)
if (d [i] == im) break;
i = i + ​​im.src;
if (! e.ims [i]) {
im.title ='';
e.ims [i] = {im: Nueva imagen (), salto: 0};
e.ims [i]. im.onload = function () {
e.ims [i] w = [e.ims [i] im.width - im.width, im.width.].;
e.ims [i] h = [e.ims [i] im.height - im.height, im.height.].;
e (im);
};
e.ims [i] = im.src im.src.;
volver;
}
if (e.ims [i] temporizador.) clearTimeout (e.ims [i] temporizador.);
e.ims [i] d = e.ims [i] d.!.;
cambiar el tamaño ();
};
expConIm.ims = {};
expConIm.r = new RegExp ('\ \ bexpando \ \ b');
si (document.addEventListener) {
document.addEventListener ('mouseover', expConIm, false);
document.addEventListener ('mouseout', expConIm, false);
}
else if (document.attachEvent) {
document.attachEvent ('onmouseover', expConIm);
document.attachEvent ('onmouseout ", expConIm);
}
}) ();
}
/ /]]>
</ script>
<style>
img.expando {
margen: 10px;
vertical-align: top;
}
</ style>


7 comentarios:

  1. no me funcionó, me salen errores con el Xml y me fije y hay un par de códigos que no entendí asiq preferí no seguir modificando jeje
    de todas formas gracias por compartir, probablemente sea mi estilo de plantilla :)
    ArA.-

    ResponderEliminar
  2. Adoro tu blog! lo ame!

    ResponderEliminar
  3. No se que dicen que no funciona a mi si me ha funcionado ademas tienes un blog la mar de chulo muchas gracias.kiko

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com