Перейти к содержимому


Вопрос По Слайдеру Весна


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 28

#21 nrisimhi

nrisimhi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 119 сообщений
  • ГородРостов-на-Дону

Отправлено 26 Август 2015 - 10:49

Да, извиняюсь, слайдер есть.

#22 BelkaPC

BelkaPC

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 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>

Но получается примерно так, как на вложении. Пробовал менять размер и тд, но положение стрелок не зависит от размера и положения картинки. Как сделать так, что бы они были всегда по краям? И правильно ли я копирую код?

Прикрепленные изображения

  • 111.jpg


#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Август 2015 - 01:52

Лучше код слайдера переместить в шаблон Страница(Сайт - Редактор шаблонов), укажите пожалуйста, на каких страницах вы хотите его расположить?

#24 BelkaPC

BelkaPC

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 27 Август 2015 - 09:58

Просмотр сообщенияVaccina (27 Август 2015 - 01:52) писал:

Лучше код слайдера переместить в шаблон Страница(Сайт - Редактор шаблонов), укажите пожалуйста, на каких страницах вы хотите его расположить?
Спасибо за ответ)
В идеале хотелось бы понять как его вставлять куда угодно(что нужно при это изменять).  А сейчас хочу вставить на главную страницу, в поле своего текста. То есть на главной будет еще один слайдер, но меньше по размеру и с другими изображениям.Так возможно?

#25 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 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;">&nbsp;</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;">&nbsp;</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;">&nbsp;</div>
<img alt="Slide 3" class="slide_img" src="ссылка на изображения3" /></li>
</ul>
</div>


#26 BelkaPC

BelkaPC

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 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;">&nbsp;</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;">&nbsp;</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;">&nbsp;</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>

Однако остались две проблемы. Первая это то, что стрелки прокрутки явно выравниваются по середине всего поля описание страницы. Как их можно центровать на изображении? Как то указать координаты?
И вторая это точки от списка. Видно на втором фото, это уже с моим кодом. Возможно их убрать?

Прикрепленные изображения

  • слайдер.jpg
  • визитка лицевая.jpg


#27 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 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>

Однако остались две проблемы. Первая это то, что стрелки прокрутки явно выравниваются по середине всего поля описание страницы. Как их можно центровать на изображении? Как то указать координаты?
И вторая это точки от списка. Видно на втором фото, это уже с моим кодом. Возможно их убрать?

Пришлите, пожалуйста, ссылку на данную страницу.

#28 BelkaPC

BelkaPC

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 30 Август 2015 - 13:16

Просмотр сообщенияMikDark (29 Август 2015 - 13:04) писал:

Пришлите, пожалуйста, ссылку на данную страницу.

Вот, как я сделал
http://sex-fox.ru/page/TEST

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Сентябрь 2015 - 01:47

В main.css добавьте:
#flexslideshow ul {
margin: 0 !important;
}
#flexslideshow li {
list-style: none;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных