Aggle (06 Апрель 2016 - 21:57) писал:
Спасибо, хотелось бы получить ответы на оставшиеся вопросы:
2) Как задавать размер картинок для слайдера (например, хочу уменьшить картинки по высоте)?
3) Как остановить слайдер (сделать статичную картинку) и убрать стрелки.
4) Можно ли оставить картинку на слайдере статичной (одну), а всплывающие слоганы оставить меняющимися?
Спасибо!
Здравствуйте.
2) Устанавливать необходимо размер слайдера, а не изображений. В шаблоне style.css найдите строки:
.fluid-container {position: relative;height:600px;/*min-height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;*/}
.camera_wrap {height:600px !important;}
Замените их, например на:
.fluid-container {position: relative;height:400px;/*min-height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;*/}
.camera_wrap {height:400px !important;}
Затем, в шаблоне camera.css найдите строки:
.camera_caption {
bottom: 0;
display: block;
position: absolute;
width: 100%;
top: 300px;
right: 100px;
width: 450px;
font-size: 30px;
font-style: italic;
left: 1066px !important;
}
замените их на:
.camera_caption {
bottom: 0;
display: block;
position: absolute;
width: 100%;
top: 215px;
right: 100px;
width: 450px;
font-size: 30px;
font-style: italic;
left: 1066px !important;
}
Теперь подготовьте изображения слайдов нового размера и замените старые на новые.
3) Стрелок сейчас на слайдере на наблюдаю. Вы убрали их самостоятельно?
4) Чтобы изображения были одинаковые в слайдере, а подписи разные, в шаблоне html найдите блок кода:
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
<div class="camera_caption moveFromLeft">
Игрушки для детей от 0 до 100 лет!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
<div class="camera_caption moveFomRight">
Мы любим игрушки!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
<div class="camera_caption moveFromLeft">
Дарим детям радость!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
<div class="camera_caption moveFomRight">
Счастливое детство. Недорого!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
<div class="camera_caption fadeFromLeft">
Развиваемся с игрушками!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
<div class="camera_caption fadeFromRight">
Детство никогда не кончается!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
<div class="camera_caption fadeFromLeft">
Наш покупатель - довольный покупатель!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
<div class="camera_caption fadeFromRight">
Дарим детям радость и улыбки!
</div>
</div>
замените в нем название изображений на одинаковые.
При перелистывании слайдов, они как бы "распадаются" на части. "Остановить слайды" и "сделать изображение статичным" - Вы имеете ввиду, что необходимо убрать этот эффект?
1
.
