вРазные полезности

Резиновое изображение. Эффект резины

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

Резиновое изображение 

В нужное место на сайте:

Код
<script type=»text/javascript» src=»http://veryscary.do.am/chat_files/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://veryscary.do.am/oblojka.jpg»></div>
<div class=»tr»><img alt=»» src=»http://veryscary.do.am/oblojka.jpg»></div>
<div class=»bl»><img alt=»» src=»http://veryscary.do.am/oblojka.jpg»></div>
<div class=»br»><img alt=»» src=»http://veryscary.do.am/oblojka.jpg»></div>
</div>
</div>

Также дополнительно приложил js залейте себе на сайт и замените ссылку