Скрипт придаёт используемому изображению элластичные свойства и изображение становится резиновым.По поводу установки могу сказать что Вам потребуется только позиционировать используемое изображение в классе .examplestyle для позиционирования элемента в котором будет находится изображение.Но можно обойтись и без него,используя только идентификатор #main_object с установленными значениями изображения.Можно установить весь код в материале,так как он приводится в примере.Разумеется потребуется изменить размеры и само изображение.Проверьте работу скрипта используя HTML редактор который находится в нижней части статьи.Если появились вопросы,задавайте их в комментарии материала.
Пример кода скрипта
<script type="text/javascript" src="http://delaisait.ucoz.ru/script/js/1/main.js"></script>
<style>
.examplestyle{
background:#FFF;
width:550px;
border:1px #000 solid;
margin:20px auto;
padding:15px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#main_object{
position:relative;
width:550px;
height:450px;
overflow:hidden;
cursor:pointer;
}
#main_object div{
position:absolute;
overflow:hidden;
}
#main_object img{
position:absolute;
-ms-interpolation-mode:nearest-neighbor;
}
#main_object .tl,#main_object .tl img{
top:0;
left:0;
}
#main_object .tr,#main_object .tr img{
top:0;
right:0;
}
#main_object .bl,#main_object .bl img{
bottom:0;
left:0;
}
#main_object .br,#main_object .br img{
right:0;
bottom:0;
}
</style>
<div class="examplestyle">
<div id="main_object">
<div class="tl"><img alt="" src="http://delaisait.ucoz.ru/script/img/css/cssfon_7.jpg"></div>
<div class="tr"><img alt="" src="http://delaisait.ucoz.ru/script/img/css/cssfon_7.jpg"></div>
<div class="bl"><img alt="" src="http://delaisait.ucoz.ru/script/img/css/cssfon_7.jpg"></div>
<div class="br"><img alt="" src="http://delaisait.ucoz.ru/script/img/css/cssfon_7.jpg"></div>
</div>
</div>
| 
