Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- jQuery().ready(function(){
- $("#slider_1 .scrollable").scrollable({ circular: true, speed: 300 });
- });</script>
- <style>
- /* Стили слайдера */
- #slider_1{ position:relative; margin: 0 40px; font-family: 'trebuchet ms', sans-serif; }
- #slider_1 .scrollable { position:relative; overflow:hidden; }
- #slider_1 .scrollable .items { width:20000em; position:absolute; }
- #slider_1 .items div { float:left; }
- #slider_1, #slider_1 .scrollable{ height:200px; }
- #slider_1, #slider_1 .scrollable, #slider_1 .slide{ width:720px; }
- #slider_1 .img{ width:118px; height:100px; float:left; margin:0 0 0 0; background:url(http://media.lpgenerator.ru/images/10285/se0.png#size_118x100) 0 0 no-repeat;}
- #slider_1 .img img{ display:block; margin:8px; max-width:84px; max-height:84px; }
- #slider_1 .content{ float:left; margin:1px 0 0 20px; width:580px; font-family:arial, sans-serif; }
- #slider_1 .content .name{ margin:0 0 0 0; font-weight:bold; line-height:14px; font-size:14px; color:#3c3c3c; }
- #slider_1 .content .review{ margin:24px 0 0 20px; font-size: 16px; line-height:22px; color:#666666; }
- /* Стили кнопок навигации */
- #slider_1 .browse{ background:url(http://media.lpgenerator.ru/images/10285/snav_10.png#size_60x54) 0 0 no-repeat; margin:0; width:30px; height:54px; position:absolute; top:23px; border:none; border-radius:0; cursor:pointer; opacity:.6; }
- #slider_1 .browse:hover{ opacity:.8; }
- #slider_1 .browse:active{ opacity:1; }
- #slider_1 .browse.left{ left:-40px; }
- #slider_1 .browse.right{ background-position:-30px 0; left:730px; }
- #slider_1 .disabled { cursor:default; }
- </style>
- <div id="slider_1">
- <a class="prev browse left"></a>
- <div class="scrollable" id="scrollable">
- <div class="items">
- <div class="slide">
- <div class="img">
- <img src="http://media.lpgenerator.ru/images/21993/new.100x100.jpg" />
- </div>
- <div class="content">
- <div class="name">Александр</div>
- <div class="review">Построили дом 2 года назад. В первый же год, зимой начал мокнуть угол в одной из комнат. Потом начала плесневеть вся стена. После обращения к Вадиму получили рекомендации по утеплению дома. Все сделали точно как Вадим советовал. Последнюю зиму ничего подобного не происходило. Еще раз спасибо за отличную работу!</div>
- </div>
- </div>
- <div class="slide">
- <div class="img">
- <img src="http://media.lpgenerator.ru/images/21993/cduqlaep22u_1.100x100.jpg" />
- </div>
- <div class="content">
- <div class="name">Татьяна</div>
- <div class="review">Мы с мужем и его друзьями несколько лет строили дом своими силами. Когда закончили с отделкой, решили убедиться, что наш дом держит тепло, что мы не будем переплачивать за отопление. Гадать не стали. Заказали консультацию, а затем вызвали специалиста. Наши надежды оправдались. Дом действительно теплый. Это очень обрадовало нас с мужем, что старания прошли не зря. Спасибо!
- </div>
- </div>
- </div>
- <div class="slide">
- <div class="img">
- <img src="http://media.lpgenerator.ru/images/21993/x57d2679e.100x100.jpg" />
- </div>
- <div class="content">
- <div class="name">Владимир</div>
- <div class="review">Заказывал обследование квартиры. Нашли много утечек тепла. В первую очередь поменяли окна, затем утеплили балкон. Даже дверь пришлось поменять. Зато стало по настоящему тепло. Жена, прежде мерзнущая каждую зиму, ходит по квартире без шерстяных носок, радуется ) Спасибо Вам, Вадим, большое!</div>
- </div>
- </div>
- <div class="slide">
- <div class="img">
- <img src="http://media.lpgenerator.ru/images/21993/086xq6v2sb0.100x100.png" />
- </div>
- <div class="content">
- <div class="name">Ильдар</div>
- <div class="review">У нас завод сиропов. Технология производства требует соблюдения температурных норм. Были подозрения об утечке тепла. После измерений специалистом, определили конкретные места. В настоящий момент проводим утепление, согласно его указаний. Выражаю благодарность! С наилучшими пожеланиями - Шарафутдинов Ильдар.</div>
- </div>
- </div>
- </div>
- </div>
- <a class="next browse right"></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement