Установка:1) JSCode <script type="text/javascript" src="http://new-info.ucoz.net/js/Smart3D/jquery.smart3d.js"></script> <script type="text/javascript"> $(function() { $('#mindscape').smart3d(500); $('#monsteck_variketch').smart3d(500); }); </script> Значение 500 - это ширина нашей с вами шапки, поэтому не забываем их менять, когда будете устанавливать свою. 2) HTML
Code <ul id="mindscape"> <li><img src="fon_1.jpg" /></li> <li><img src="fon_2.png" /></li> </ul> 3) CSS Code #mindscape { width: 400px; height: 225px; overflow: hidden; }
#monsteck_variketch { width: 400px; height: 225px; overflow: hidden; } У данного решения существует один большой минус, если первое изображение фона можно обработать в Фотошопе и сжать его размеры, то вот второе изображение фона, должно иметь прозрачность PNG24, из-за чего, данное изображение будет иметь большой вес.
Полезный материал ? Посетите сайт автора: http://www.center-dm.ru
|