Сообщений в теме: 5

[Minna]

Доброго времени суток!
Хочу сузить картинку слайдера, загрузила узкие изображения - теперь под слайдером пустота. Как ее убрать? А можно ли сделать так, чтобы при изменении высоты картинки все автоматически настраивалось и вставало красиво?
И соответственно надо переместить стрелки.
Сайт http://mihaleva.storeland.ru/

[batta]

Minna (19 Август 2014 - 18:55) писал:

Доброго времени суток!
Хочу сузить картинку слайдера, загрузила узкие изображения - теперь под слайдером пустота. Как ее убрать? А можно ли сделать так, чтобы при изменении высоты картинки все автоматически настраивалось и вставало красиво?
Сайт http://mihaleva.storeland.ru/

Здравствуйте.
Картинки если меньшего размера то картинки автоматически растягиваются. Автоматической настройки картинок нету. Вам нужно картинки рисовать в размер слайдера.
в main.css

.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 20px;
}

измените на

.flexslider:hover .flex-prev, .flexslider:hover .prev {
opacity: 0.8;
left: 20px;
top: 80px
}

в main.css

.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 20px;
}

измените на

.flexslider:hover .flex-next, .flexslider:hover .next {
opacity: 0.8;
right: 20px;
top: 80px;
}

в main.css

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}

измените на

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
height: 212px;
}

[Minna]

Отлично, все на месте. Только стрелки слайдера при движении мышки очень интересно бегают сверху вниз (на свое прежнее место) http://mihaleva.storeland.ru/

[MikDark]

Minna (19 Август 2014 - 19:33) писал:

Отлично, все на месте. Только стрелки слайдера при движении мышки очень интересно бегают сверху вниз (на свое прежнее место) http://mihaleva.storeland.ru/

Отмените изменения выше, далее в шаблоне HTML найдите код:

		<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

Вам нужно значения height заменить на 200px

[Minna]

Спасибо, все так как надо! То есть это значение надо менять при изменении размера слайда? Если я захочу сделать его высотой 250, то поставить heigh 250px . Так?

[Dars]

Minna (20 Август 2014 - 14:01) писал:

Спасибо, все так как надо! То есть это значение надо менять при изменении размера слайда? Если я захочу сделать его высотой 250, то поставить heigh 250px . Так?

Всё верно.