Картинка с резиновым эффектом

Картинка с резиновым эффектом

Картинка с резиновым эффектом-при данном скрипте картинка будет иметь резиновый и элластичный вид,то есть если зажать на картинке кнопку и двинуть в сторону,то картинка будет растягиваться,тем самым делая так же как и резина.

Установка:куда угодно

Код

<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>
Картинка с резиновым эффектом
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar