1
Вопрос По Слайдеру Весна
Автор Agusha888, 17 февр. 2015 21:38
Сообщений в теме: 28
#21
Отправлено 26 Август 2015 - 10:49
Да, извиняюсь, слайдер есть.
#22
Отправлено 26 Август 2015 - 18:13
Здравствуйте, нужна помощь. Как правильно размещать 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?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<!-- /Главная страница -->
</div>
И меняю в нем
<img alt="Slide 2" class="slide_img" src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" /></li>
на
<img alt="Slide 1" class="slide_img" src="ССЫЛКА НА ИЗОБРАЖЕНИЕ" style="width: 1920px; height: 550px;" /></li>
Но получается примерно так, как на вложении. Пробовал менять размер и тд, но положение стрелок не зависит от размера и положения картинки. Как сделать так, что бы они были всегда по краям? И правильно ли я копирую код?
Я беру вот этот код, вставляю его на созданной странице через кнопку источник.
<!-- Главная страница -->
{% 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?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<!-- /Главная страница -->
</div>
И меняю в нем
<img alt="Slide 2" class="slide_img" src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" /></li>
на
<img alt="Slide 1" class="slide_img" src="ССЫЛКА НА ИЗОБРАЖЕНИЕ" style="width: 1920px; height: 550px;" /></li>
Но получается примерно так, как на вложении. Пробовал менять размер и тд, но положение стрелок не зависит от размера и положения картинки. Как сделать так, что бы они были всегда по краям? И правильно ли я копирую код?
#23
Отправлено 27 Август 2015 - 01:52
Лучше код слайдера переместить в шаблон Страница(Сайт - Редактор шаблонов), укажите пожалуйста, на каких страницах вы хотите его расположить?
#24
Отправлено 27 Август 2015 - 09:58
Vaccina (27 Август 2015 - 01:52) писал:
Лучше код слайдера переместить в шаблон Страница(Сайт - Редактор шаблонов), укажите пожалуйста, на каких страницах вы хотите его расположить?
В идеале хотелось бы понять как его вставлять куда угодно(что нужно при это изменять). А сейчас хочу вставить на главную страницу, в поле своего текста. То есть на главной будет еще один слайдер, но меньше по размеру и с другими изображениям.Так возможно?
#25
Отправлено 27 Август 2015 - 14:01
BelkaPC (27 Август 2015 - 09:58) писал:
Спасибо за ответ)
В идеале хотелось бы понять как его вставлять куда угодно(что нужно при это изменять). А сейчас хочу вставить на главную страницу, в поле своего текста. То есть на главной будет еще один слайдер, но меньше по размеру и с другими изображениям.Так возможно?
В идеале хотелось бы понять как его вставлять куда угодно(что нужно при это изменять). А сейчас хочу вставить на главную страницу, в поле своего текста. То есть на главной будет еще один слайдер, но меньше по размеру и с другими изображениям.Так возможно?
<div class="flexslider" id="flexslideshow"> <ul class="slides"> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения1') no-repeat;"> </div> <img alt="Slide 1" class="slide_img" src="ссылка на изображения1" /></li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения2') no-repeat;"> </div> <img alt="Slide 2" class="slide_img" src="ссылка на изображения2" /></li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения3') no-repeat;"> </div> <img alt="Slide 3" class="slide_img" src="ссылка на изображения3" /></li> </ul> </div>
#26
Отправлено 29 Август 2015 - 12:24
Ирина345 (27 Август 2015 - 14:01) писал:
Здравствуйте, если вы хотите добавить данный слайдер в описание страницы, то откройте редактор страницы и откройте код описания через кнопку "Источник" на панели инструментов. Вставьте в нужное место код слайдера, предварительно изменив ссылки на изображения
<div class="flexslider" id="flexslideshow"> <ul class="slides"> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения1') no-repeat;"> </div> <img alt="Slide 1" class="slide_img" src="ссылка на изображения1" /></li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения2') no-repeat;"> </div> <img alt="Slide 2" class="slide_img" src="ссылка на изображения2" /></li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url('ссылка на изображения3') no-repeat;"> </div> <img alt="Slide 3" class="slide_img" src="ссылка на изображения3" /></li> </ul> </div>
Вставил код, вставил ссылку на изображение, получилось вот так. Слайдер работает, но некорректно. Видно на фото.
Экспериментально выяснил, что более корректно слайдер работает с таким кодом(вырезал строчки с тегами <div>. Понимаю, что это неправильно, надеюсь на Вашу помощь.
<div class="flexslider" id="flexslideshow">
<ul class="slides">
<li><img alt="Slide 1" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
<li><img alt="Slide 2" class="slide_img" src="http://st.sex-fox.ru...044/slide2.png" /></li>
<li><img alt="Slide 3" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
</ul>
</div>
Однако остались две проблемы. Первая это то, что стрелки прокрутки явно выравниваются по середине всего поля описание страницы. Как их можно центровать на изображении? Как то указать координаты?
И вторая это точки от списка. Видно на втором фото, это уже с моим кодом. Возможно их убрать?
#27
Отправлено 29 Август 2015 - 13:04
BelkaPC (29 Август 2015 - 12:24) писал:
Вставил код, вставил ссылку на изображение, получилось вот так. Слайдер работает, но некорректно. Видно на фото.
Экспериментально выяснил, что более корректно слайдер работает с таким кодом(вырезал строчки с тегами <div>. Понимаю, что это неправильно, надеюсь на Вашу помощь.
<div class="flexslider" id="flexslideshow">
<ul class="slides">
<li><img alt="Slide 1" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
<li><img alt="Slide 2" class="slide_img" src="http://st.sex-fox.ru...044/slide2.png" /></li>
<li><img alt="Slide 3" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
</ul>
</div>
Однако остались две проблемы. Первая это то, что стрелки прокрутки явно выравниваются по середине всего поля описание страницы. Как их можно центровать на изображении? Как то указать координаты?
И вторая это точки от списка. Видно на втором фото, это уже с моим кодом. Возможно их убрать?
Экспериментально выяснил, что более корректно слайдер работает с таким кодом(вырезал строчки с тегами <div>. Понимаю, что это неправильно, надеюсь на Вашу помощь.
<div class="flexslider" id="flexslideshow">
<ul class="slides">
<li><img alt="Slide 1" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
<li><img alt="Slide 2" class="slide_img" src="http://st.sex-fox.ru...044/slide2.png" /></li>
<li><img alt="Slide 3" class="slide_img" src="http://st.sex-fox.ru...222/slide1.png" /></li>
</ul>
</div>
Однако остались две проблемы. Первая это то, что стрелки прокрутки явно выравниваются по середине всего поля описание страницы. Как их можно центровать на изображении? Как то указать координаты?
И вторая это точки от списка. Видно на втором фото, это уже с моим кодом. Возможно их убрать?
Пришлите, пожалуйста, ссылку на данную страницу.
#28
Отправлено 30 Август 2015 - 13:16
MikDark (29 Август 2015 - 13:04) писал:
Пришлите, пожалуйста, ссылку на данную страницу.
Вот, как я сделал
http://sex-fox.ru/page/TEST
#29
Отправлено 02 Сентябрь 2015 - 01:47
В main.css добавьте:
#flexslideshow ul { margin: 0 !important; } #flexslideshow li { list-style: none; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных