регистрация
856материалов
3280комментариев
234темы на форуме
6807пользователей
Страница 1 из 11
Форум » uCoz и Ваш сайт » Помощь сайтам созданных в системе uCoz » Слайдер доски объявления (вывод количество фото)
Слайдер доски объявления
Написал: Удаленный, в 21:56, 04.02.2017 | Сообщение #1
Поставил резиновый слайде на доску объявления.с выводом 3-х фото, в раздел полный вид материала с коментарием...
Но при подаче объявления, люди загружают разные размеры фото....к примеру
одно фото с разращением 800х600...а другие 1920х1280 ... как сделать что
бы при загрузки фото они все равномерно сжимались допустим до 800х600 ?
И второй вопрос по слайдеру - сейчас слайдер из 3-и фото....но бывает что
люди загружают только одно фото..получается что остальное поле из 2-х пустышек просто сжимаются, не
красиво ...как сделать что бы вместо пустышек выводилась
белое поле или какая то реклама?


Код
<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/flexslider.css' type='text/css' media='all' />
<link rel='stylesheet' href='//delaisait.ucoz.ru/script/sluder/2014/flexslider/public.css' type='text/css' media='all' />
<script type='text/javascript' src='//delaisait.ucoz.ru/script/sluder/2014/flexslider/jquery.flexslider-min.js'></script>
<style>
#metaslider.flexslider li {
margin-right: 5px !important;
}
#ds-flexslider {
max-width:600px;
margin:0 auto;
}
</style>
<div id="ds-flexslider" class="metaslider metaslider-flex">
<div id="metaslider_container">
<div id="metaslider" class="flexslider">
<ul class="slides">
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL1$" alt="Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL2$" alt= "Бобрик - клуб"/>
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
<li style="display: none;">
<a href="#" target="_blank">
<img src="$IMG_URL3$" alt= "Бобрик - клуб" />
</a>
<div class="caption-wrap">
<div class="caption">Бобрик - клуб</div></div>
</li>
</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#metaslider').flexslider({
slideshowSpeed:3000,
animation:'slide',
controlNav:true,
directionNav:true,
pauseOnHover:true,
direction:'horizontal',
reverse:false,
animationSpeed:600,
prevText:"<",
nextText:">",
easing:"linear",
slideshow:true,
itemWidth:600,
itemMargin:5,
useCSS:true
});
});
</script>


Ссылка для примера на доску
Форум » uCoz и Ваш сайт » Помощь сайтам созданных в системе uCoz » Слайдер доски объявления (вывод количество фото)
Страница 1 из 11
Поиск:
Правила чата
Закрыть мини-чат
+Открыть мини-чат
0