Question

Как сделать, чтобы слайдер находился по всей ширине экрана? В данный момент он работает автоматически и стоит по центру, мне бы хотелось чтобы он занимал всю ширину и показывал более большее количетво слайдев в строке, а то стоит один а по бокам пусту...

Answer 1

1. Для добавления новых слайдов вставляйте

    <li style="display: none;"> <a href="ссылка" target="_blank"> <img src="ссылка на картинку" alt="название картинки" /> </a> <div class="caption-wrap"> <div class="caption">Заголовок слайда</div></div> </li>

в Управлении дизайном - Верхняя часть сайта перед

    </ul>

 

2. Чтобы растянуть слайдер на всю ширину, найдите в шаблоне Верхней части сайта это:

   #ds-flexslider { max-width:400px; height:30%;  margin:0 auto; padding: 0 ;  }

и замените вот это

    max-width:400px;

на это

    width: 100%;

Должно помочь. Отпишитесь, когда сделаете

Кроме того, рекомендую скрипты и CSS со стороннего сервера (delaisait.ucoz.ru) выкачать к себе на сайт, т.к. этот delaisait может не сегодня-завтра перестать работать, и ваш слайдер, как следствие, тоже.

Comments

Спасибо,оно помогает растягивать, но смотрится не очень, слишком огромный формат вышел, хотелось бы его подругому сделать, чтобы несколько слайдов выводились в ряд.

---

Kitan Kitan,

Попробуйте внутри li вставить несколько картинок и описаний (<a href="ссылка" target="_blank"> <img src="ссылка на картинку" alt="название картинки" /> </a>) Upd::зашёл сейчас на сайт, вы уже решили данную проблему? Но поскольку вы совместили несколько изображений в одном, то и ссылка тоже получится одна. Чтобы сделать части изображения разными ссылками, используйте тег <map>, вот статья об этом http://yraaa.ru/blogs/teg-map-chast-izobrazheniya-kak-ssylka