Перейти к содержанию
Официальный форум поддержки Simpla

Подключение jQuery слайдера изображений


Рекомендуемые сообщения

Здравствуйте уважаемые формумчане. Хочу украсить сайт вот этим слайдером. http://flexslider.woothemes.com/
Можно ли это сделать, и как?
Спасибо.

Ссылка на сообщение
Поделиться на другие сайты

Дык там же написано как раз именно ЭТО!

<!-- Place somewhere in the <body> of your page --><div class="flexslider">  <ul class="slides">    <li>      <img src="slide1.jpg" />    </li>    <li>      <img src="slide2.jpg" />    </li>    <li>      <img src="slide3.jpg" />    </li>    <li>      <img src="slide4.jpg" />    </li>  </ul></div>// Can also be used with $(document).ready()$(window).load(function() {  $('.flexslider').flexslider({    animation: "slide"  });});

Вместо <img src="..." прописать путь к изображениям. И вуаля)
Ссылка на сообщение
Поделиться на другие сайты

Если нет то качаешь по https://github.com/woothemes/FlexSlider/zipball/master, распаковываешь и забрасываешь в папку design/Твоя тема/js/
Затем в index.tpl подключаешь эти скрипты:

<script src="design/{$settings->theme}/js/jquery.flexslider.js"></script><script src="design/{$settings->theme}/js/jquery.flexslider-min.js"></script>
Ссылка на сообщение
Поделиться на другие сайты

P.S. js пытался подключить через <script src, css пытался встроить и в родной, и отдельно подключить, а html код на отдельной странице через html редактор вставил код с ссылками на изображения, в итоге отображался только css стиль без изображений и переключателей.

Ссылка на сообщение
Поделиться на другие сайты

// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: \\"slide\\"
});
});
Ничего не отображается.
Если в html - вот такое...

Ссылка на сообщение
Поделиться на другие сайты

Качаем файл http://rghost.ru/download/39104524/a8b73c7fe5a65aec573239c1db0b0ba0a95d7ec8/slider.rar и разархивируем содержимое в папку со своей темой, далее в нужном месте в шаблоне вставляем код:

{include file='slider.tpl'}

Слайдер готов!
Ссылка на сообщение
Поделиться на другие сайты
  • 4 недели спустя...
  • 2 недели спустя...
  • 3 месяца спустя...
Качаем файл http://rghost.ru/download/39104524/a8b73c7fe5a65aec573239c1db0b0ba0a95d7ec8/slider.rar и разархивируем содержимое в папку со своей темой, далее в нужном месте в шаблоне вставляем код:
ссылка не работает
Ссылка на сообщение
Поделиться на другие сайты

Привет!

Подниму темку :)
А каким образо заставить отображатся данный слайдер только на стартовой страничке?

Если править index.tpl получаю данный слайдер всюду где только можно ;)

Ссылка на сообщение
Поделиться на другие сайты

Тут все дело в подходе. Вот давайте я вам помогу развить дидукцию. Вам нужно, что бы что то ( в нашем случае слайдер) отображался на главной странице. Так какого черта не воспользоватся поиском!

Ссылка на сообщение
Поделиться на другие сайты

Спасибо за помощь :) Думаю (но не уверен) Вы как всегда любезны уважаемый RodgerFox...

Если у кого возникнет еще похожий вопрос - в поиск не отправляю, а предлагаю такой вариант:

{if $page && $page->url == ''}
Любой код для отображения на главной
{/if}
Ссылка на сообщение
Поделиться на другие сайты

а кто силен встроить в в систему вот такой слайдер http://themes.themepunch.com/?theme=revolution_wp за денежку естественно, плагин готовый есть для вордпресса, кто возьмется?

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...