Aumentar imágenes al pasar el cursor con efecto deslizante – Justicia

Hay muchos métodos paraexpandir imágenes al pasar el cursor, uno de ellos esExpando, un script que permite que la imagen aumente a su tamaño real con un efecto deslizante, y al quitar el cursor la imagen regresa al tamaño pequeño, también con el mismo efecto.

Puedes ver el demo aquí mismo pasando el cursor sobre esta imagen en miniatura:


Para lograr este efecto en tus imágenes ingresa a laEdición HTML y agrega antes de/head el script:
script type='text/javascript'
//![CDATA[

/* Expando Image Script 2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/

if (document.images){
(function(){
var cos, a = /Apple/.test(navigator.vendor), times = a? 20 : 40, speed = 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))
return;
var e = expConIm,
widthHeight = function(dim){
return dim[0] * cos + dim[1] + 'px';
},
resize = function(){
cos = (1 - Math.cos((e.ims[i].jump / times) * Math.PI)) / 2;
im.style.width = widthHeight (e.ims[i].w);
im.style.height = widthHeight (e.ims[i].h);
if (e.ims[i].d && times e.ims[i].jump){
++e.ims[i].jump;
e.ims[i].timer = setTimeout(resize, speed);
} else if (!e.ims[i].d && e.ims[i].jump 0){
--e.ims[i].jump;
e.ims[i].timer = setTimeout(resize, speed);
}
}, d = document.images, i = d.length - 1;
for (i; i -1; --i)
if(d[i] == im) break;
i = i + im.src;
if (!e.ims[i]){
im.title = '';
e.ims[i] = {im : new Image(), jump : 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;
return;
}
if (e.ims[i].timer) clearTimeout(e.ims[i].timer);
e.ims[i].d = !e.ims[i].d;
resize ();
};

expConIm.ims = {};

expConIm.r = new RegExp('\\bexpando\\b');

if (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{
margin:10px;
vertical-align: top;
}
/style
Y luego en tus entradas o donde lo quieras poner, usa este código para tus imágenes:
img border="0" src="URL de la imagen" class="expando"width="100" /

Agrega la URL de la imagen donde se indica y listo, así de fácil y sencillo.
La imagen que pongas deberá ser la que tiene el tamaño normal, y en donde se indica en color azul deberás poner el tamaño que tendrá la miniatura.

Nada complicado ¿verdad? ;)


Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

structure settlements Donate your Car for Money Online Christmas cards Service business software DUI lawyer cheap auto insurance in va Auto Accident Attorney Donate a car in Maryland FUTURISTIC ARCHITECTURE Nunavut Culture Psd to WordPress Mesothelioma Law Firm holland michigan college domain name yahoo Hire php developer Data Recovery Raid Online casino Make money online Australia accident car florida lawyer Social media tools FORENSICS ONLINE COURSE michigan motorcycle accident lawyer Criminal defense lawyer Business management software NUNAVUT CULTURE Casino event management security DONATE OLD CARS TO CHARITY Dwi lawyer ONLINECLASSES Automobile Accident Attorney Seo company Social media platforms Mortgage Adviser Mobile casino world trade center footage Donate Your Car for Kids arizona auto accident attorney Italian cooking school Neuson Casino reviews auto accident attorney Torrance LOW CREDIT LINE CREDIT CARDS Live casino car insurance quotes colorado mesothelioma drug los angeles motorcycle accident lawyer Hire php developers Personal Injury Lawyers MET AUTO Personal Injury Lawyer Hire php programmers Criminal lawyer Social media management personal injury attorney springfield mo CHEAP DOMAIN REGISTRATION HOSTING Donating used cars to charity california mesothelioma attorney Virtual Data Rooms car accident lawyers los angeles Social media examiner workplace accident attorney Php programmers for hire windows phone for business auto insurance cost by state new mexico mesothelioma lawyer Social media platforms for business structured settlement broker asbestos lawyers Custom Christmas cards futuristic architecture buy gift card donating used cars to charity Bankruptcy lawyer Online Motor Insurance Quotes cell cycle regulation ppt Computer science classes online CAR ACCIDENT LAWYERS online colledges car accident lawyer michigan Hard drive Data Recovery Services ASBESTOS LAWYERS Php programmers Online Criminal Justice Degree Seo companies best structured settlement companies Donate car for tax credit onlineclasses Asbestos Lawyers Gas/Electricity selling structured settlement Best Seo company st louis mesothelioma attorney Best social media platforms for business Dayton freight lines New social media platforms CAR INSURANCE QUOTES UTAH Business finance group Custom WordPress theme designer Car Insurance Quotes Colorado Seo services sell annuity payment Holland Michigan College mesothelioma lawsuit AUTOMOBILE ACCIDENT ATTORNEY sell your structured settlement payments benchmark lending accident attorney in los angeles MOTOR REPLACEMENTS Criminal Defense Attorneys Florida buying structured settlements Best social media platforms fortis health insurance temporary Massage School Dallas Texas los angeles auto accident attorneys

Share: