nathan_lp

sl_2

Nov 26th, 2013
74
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2. jQuery().ready(function(){
  3. $("#slider_1 .scrollable").scrollable({ circular: true, speed: 300 });
  4. });</script>
  5. <style>
  6. /* Стили слайдера */
  7. #slider_1{ position:relative; margin: 0 40px; font-family: 'trebuchet ms', sans-serif; }
  8. #slider_1 .scrollable { position:relative; overflow:hidden; }
  9. #slider_1 .scrollable .items { width:20000em; position:absolute; }
  10. #slider_1 .items div { float:left; }
  11. #slider_1, #slider_1 .scrollable{ height:200px; }
  12. #slider_1, #slider_1 .scrollable, #slider_1 .slide{ width:720px; }
  13. #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;}
  14. #slider_1 .img img{ display:block; margin:8px; max-width:84px; max-height:84px; }
  15. #slider_1 .content{ float:left; margin:1px 0 0 20px; width:580px; font-family:arial, sans-serif; }
  16. #slider_1 .content .name{ margin:0 0 0 0; font-weight:bold; line-height:14px; font-size:14px; color:#3c3c3c; }
  17. #slider_1 .content .review{ margin:24px 0 0 20px; font-size: 16px; line-height:22px; color:#666666; }
  18. /* Стили кнопок навигации */
  19. #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; }
  20. #slider_1 .browse:hover{ opacity:.8; }
  21. #slider_1 .browse:active{ opacity:1; }
  22. #slider_1 .browse.left{ left:-40px; }
  23. #slider_1 .browse.right{ background-position:-30px 0; left:730px; }
  24. #slider_1 .disabled { cursor:default; }
  25. </style>
  26. <div id="slider_1">
  27. <a class="prev browse left"></a>
  28. <div class="scrollable" id="scrollable">
  29. <div class="items">
  30. <div class="slide">
  31. <div class="img">
  32. <img src="http://media.lpgenerator.ru/images/21993/new.100x100.jpg" />
  33. </div>
  34. <div class="content">
  35. <div class="name">Александр</div>
  36. <div class="review">Построили дом 2 года назад. В первый же год, зимой начал мокнуть угол в одной из комнат. Потом начала плесневеть вся стена. После обращения к Вадиму получили рекомендации по утеплению дома. Все сделали точно как Вадим советовал. Последнюю зиму ничего подобного не происходило. Еще раз спасибо за отличную работу!</div>
  37. </div>
  38. </div>
  39. <div class="slide">
  40. <div class="img">
  41. <img src="http://media.lpgenerator.ru/images/21993/cduqlaep22u_1.100x100.jpg" />
  42. </div>
  43. <div class="content">
  44. <div class="name">Татьяна</div>
  45. <div class="review">Мы с мужем и его друзьями несколько лет строили дом своими силами. Когда закончили с отделкой, решили убедиться, что наш дом держит тепло, что мы не будем переплачивать за отопление. Гадать не стали. Заказали консультацию, а затем вызвали специалиста. Наши надежды оправдались. Дом действительно теплый. Это очень обрадовало нас с мужем, что старания прошли не зря. Спасибо!
  46.  
  47. </div>
  48. </div>
  49. </div>
  50. <div class="slide">
  51. <div class="img">
  52. <img src="http://media.lpgenerator.ru/images/21993/x57d2679e.100x100.jpg" />
  53. </div>
  54. <div class="content">
  55. <div class="name">Владимир</div>
  56. <div class="review">Заказывал обследование квартиры. Нашли много утечек тепла. В первую очередь поменяли окна, затем утеплили балкон. Даже дверь пришлось поменять. Зато стало по настоящему тепло. Жена, прежде мерзнущая каждую зиму, ходит по квартире без шерстяных носок, радуется ) Спасибо Вам, Вадим, большое!</div>
  57. </div>
  58. </div>
  59. <div class="slide">
  60. <div class="img">
  61. <img src="http://media.lpgenerator.ru/images/21993/086xq6v2sb0.100x100.png" />
  62. </div>
  63. <div class="content">
  64. <div class="name">Ильдар</div>
  65. <div class="review">У нас завод сиропов. Технология производства требует соблюдения температурных норм. Были подозрения об утечке тепла. После измерений специалистом, определили конкретные места. В настоящий момент проводим утепление, согласно его указаний. Выражаю благодарность! С наилучшими пожеланиями - Шарафутдинов Ильдар.</div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <a class="next browse right"></a>
  71. </div>
RAW Paste Data