Вид изображений в доске объявлений Юкоз

голоса: 0
Здравствуйте. Кто не будь сталкивался с передалкой вида изобжения в доске объявлений. Давно хотел что то подобное этому http://www.domik174.ru/publ/1/ul_vorovskogo_5a/1-1-0-105  вот ещё пример http://www.hotel-minsk.by/publ/1_komnatnye/snjat_odnokomnatnuju_kvartiru_v_centre_minska_po_ul_mjasnikova_34/1-1-0-11 себе на сайт. Поднимались ли такие темы, если да. скиньте ссылку как это реализовать или дайте совет )
Адрес сайта http://dagmetr.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Готового варианта не подкину так как нет такого простого, нужно искать, скажу лишь то, что в данном случае на странице комментариев модуля доски объявлений перед кодом $MESSAGE$ прописан код слайдера в котором прописаны коды фото вида:

  • $IMG_URL1$
  • $IMG_URL2$
  • $IMG_URL3$
  • итд

то есть все фото которые крепятся в материале попадают в слайдер, ищите любой мини-слайдер который можно подстроить под свои потребности.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
находил слайдер http://manual.ucoz.net/files/1/demo2.html#   когда вставляешь на свой сайт стили по всему сайту меняются. Тему можно закрывать.  Лучше оставлю все так как есть пока.
Zagir,

Если вы устанавливали в точности как на примере, на что стоило бы обратиь внимание чтобы все работало как нужно, при установке скриптов в блок <head>сюда</head> на странице комментариев каталога:

<link rel="stylesheet" href="/css/global2.css">
<script type="text/javascript" src="http://s16.ucoz.net/src/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/js/slides.js"></script>
 <script type="text/javascript">
 $(function(){ 
 $('#products').slides({ 
 preload: true, 
 preloadImage: 'img/loading.gif', 
 effect: 'slide, fade', 
 crossfade: true, 
 slideSpeed: 350, 
 fadeSpeed: 500, 
 generateNextPrev: true, 
 generatePagination: false 
 }); 
 });</script> 

красное удалить так как это дубль библиотеки которая на системном уровне уже используется, выделил зеленым, слеш добавить нужно обязательно так как без него скрипты будут работать лишь на главной странице, на других будут ошибки и слайдер работать не будет, соответственно стили вам нужно загрузить в папку css и скрипт в папку js чтобы все работало как положено.

  • В итоге слайдер у нас получится примерно таким добавить перед оператором $MESSAGE$:

 <div class="slides_container"> 
 <?if($IMG_URL1$)?><a href="#"><img src="$IMG_URL1$" width="366"></a><?endif?> 
 <?if($IMG_URL2$)?><a href="#"><img src="$IMG_URL2$" width="366"></a><?endif?> 
 <?if($IMG_URL3$)?><a href="#"><img src="$IMG_URL3$" width="366"></a><?endif?> 
 <?if($IMG_URL4$)?><a href="#"><img src="$IMG_URL4$" width="366"></a><?endif?> 
 <?if($IMG_URL5$)?><a href="#"><img src="$IMG_URL5$" width="366"></a><?endif?> 
 <?if($IMG_URL6$)?><a href="#"><img src="$IMG_URL6$" width="366"></a><?endif?> 
 <?if($IMG_URL7$)?><a href="#"><img src="$IMG_URL7$" width="366"></a><?endif?> 
 </div> 

 <ul class="pagination"> 
 <?if($IMG_URL1$)?><li><a href="#"><img src="$IMG_SMALL_URL1$" width="55"></a></li><?endif?> 
 <?if($IMG_URL2$)?><li><a href="#"><img src="$IMG_SMALL_URL2$" width="55"></a></li><?endif?> 
 <?if($IMG_URL3$)?><li><a href="#"><img src="$IMG_SMALL_URL3$" width="55"></a></li><?endif?> 
 <?if($IMG_URL4$)?><li><a href="#"><img src="$IMG_SMALL_URL4$" width="55"></a></li><?endif?> 
 <?if($IMG_URL5$)?><li><a href="#"><img src="$IMG_SMALL_URL5$" width="55"></a></li><?endif?> 
 <?if($IMG_URL6$)?><li><a href="#"><img src="$IMG_SMALL_URL6$" width="55"></a></li><?endif?> 
 <?if($IMG_URL7$)?><li><a href="#"><img src="$IMG_SMALL_URL7$" width="55"></a></li><?endif?> 
 </ul>

...