Вставляем в шаблон блога:/* 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&×>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 type='text/css'>
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
</style>
Вставляем в поле сообщения:
<img class="expando"
src="https://blogger.googleusercontent.com/img/b/
R29vZ2xl/AVvXsEgd9pH5t3LQIdUgOJtQI0SW2sWu1mxUePPD946YGrlhF9oN28J97k4pOXwpB54HDF_
mtfH5knQs3b9jpmwi_GPPEuFwmXNG2N6Ex9Yeh7yI4-wu6P_n1yJWu0HhJbHt7Xw18UzrLfo0-KgH
/s1600/kv1b3.png"
title=""
original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/
AVvXsEgd9pH5t3LQIdUgOJtQI0SW2sWu1mxUePPD946YGrlhF9oN28J97k4pOXwpB54HDF
_mtfH5knQs3b9jpmwi_GPPEuFwmXNG2N6Ex9Yeh7yI4-wu6P_n1yJWu0HhJbHt7Xw18UzrLfo0
-KgH/s1600/kv1b3.png"
style="width: 680px; height: 349px;" width="600" border="0">
Фото в центре:
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img
/b/R29vZ2xl/AVvXsEhISo8McDYYCpbXoUGPVBdr482ACaO_GHU60rb9O
nhbd_rrd0Q4FAJbzDghd-zVkO6aW5dodXoysucbQqB9OZEdDF4u8pXzfw
MujIm0DLMVZB3aXL-khZcWpC_TnlMzQprgsgjyiu4NoCYtSBKmmusA
qJJHGf39uCxStQ4vhgrfMjvRHRlh-di4KpT_xHY/s1600/IMG_4625_800_22.jpg"
style="border: 4px solid rgb(46, 46, 46); height: 267px; padding: 0pt; width: 400px;"
title="" width="100" /></div><br />
С белой рамочкой:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl3t4wbet-6ZG9Q9QabrK4LV54RhvETyQVWzIDpMXz5JBk3oLVAwJw05g9RxGkvS8RORHY_DwT71tH70TJR0I3qjMSVSUIlXUsKU9xisni9kTiqkhgInSIGY1LlIsx9-7Y5JDZwDPXY-9SmQONjM0z46siXpexyUZ3DcygDOyCh8O-0nsgVt7LI0hHmpo/s16000/_DSC8146_15_800.jpg" style="-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); border: 10px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; height: 267px; padding: 0pt; width: 400px;" title="" width="100" /></div><br />
