njckn Posted July 8, 2012 Report Share Posted July 8, 2012 Здравствуйте уважаемые формумчане. Хочу украсить сайт вот этим слайдером. http://flexslider.woothemes.com/Можно ли это сделать, и как?Спасибо. Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 Кто-нибудь знает? Quote Link to post Share on other sites
ivan888 Posted July 8, 2012 Report Share Posted July 8, 2012 Дык там же написано как раз именно ЭТО!<!-- 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="..." прописать путь к изображениям. И вуаля) Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 А сам плагин где надо подключить? Тут же не только в img src дело... Quote Link to post Share on other sites
ivan888 Posted July 8, 2012 Report Share Posted July 8, 2012 если речь о jQuery, то Он типа уже подключен... Quote Link to post Share on other sites
ivan888 Posted July 8, 2012 Report Share Posted July 8, 2012 Если нет то качаешь по 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> Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 P.S. js пытался подключить через <script src, css пытался встроить и в родной, и отдельно подключить, а html код на отдельной странице через html редактор вставил код с ссылками на изображения, в итоге отображался только css стиль без изображений и переключателей. Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 А изображения со стрелками навигации куда закачать? Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 Сделал все как написано выше, в итоге просто отображаются списком изображения. Quote Link to post Share on other sites
ivan888 Posted July 8, 2012 Report Share Posted July 8, 2012 // Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: \"slide\" }); });заключи в <script>...</script> Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 А как туда ссылки на фотографии поставить? Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 // Can also be used with $(document).ready()$(window).load(function() { $('.flexslider').flexslider({ animation: \\"slide\\" });}); Ничего не отображается.Если в html - вот такое... Quote Link to post Share on other sites
ivan888 Posted July 8, 2012 Report Share Posted July 8, 2012 убери лишние \ Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 Вопрос от чайника) Откуда убрать? Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 Кто может подробно от начала до конца объяснить.Сижу вторые сутки. Все бес толку... Очень надеюсь на знающих людей! Quote Link to post Share on other sites
Noxter Posted July 8, 2012 Report Share Posted July 8, 2012 Качаем файл http://rghost.ru/download/39104524/a8b73c7fe5a65aec573239c1db0b0ba0a95d7ec8/slider.rar и разархивируем содержимое в папку со своей темой, далее в нужном месте в шаблоне вставляем код:{include file='slider.tpl'}Слайдер готов! Quote Link to post Share on other sites
njckn Posted July 8, 2012 Author Report Share Posted July 8, 2012 Спасибо Quote Link to post Share on other sites
Noxter Posted July 8, 2012 Report Share Posted July 8, 2012 Деньгами лучше=) Quote Link to post Share on other sites
mutkoc Posted August 2, 2012 Report Share Posted August 2, 2012 а есть какое-нибудь решение слайдера для правки через админку, чтоб даже самый неопытный справился с задачей? Quote Link to post Share on other sites
Novecheg Posted August 10, 2012 Report Share Posted August 10, 2012 kors, МММ Quote Link to post Share on other sites
Ziyodjon Posted November 30, 2012 Report Share Posted November 30, 2012 Качаем файл http://rghost.ru/download/39104524/a8b73c7fe5a65aec573239c1db0b0ba0a95d7ec8/slider.rar и разархивируем содержимое в папку со своей темой, далее в нужном месте в шаблоне вставляем код: ссылка не работает Quote Link to post Share on other sites
ross104 Posted December 3, 2012 Report Share Posted December 3, 2012 Привет! Подниму темку А каким образо заставить отображатся данный слайдер только на стартовой страничке?Если править index.tpl получаю данный слайдер всюду где только можно Quote Link to post Share on other sites
RodgerFox Posted December 3, 2012 Report Share Posted December 3, 2012 Тут все дело в подходе. Вот давайте я вам помогу развить дидукцию. Вам нужно, что бы что то ( в нашем случае слайдер) отображался на главной странице. Так какого черта не воспользоватся поиском! Quote Link to post Share on other sites
ross104 Posted December 3, 2012 Report Share Posted December 3, 2012 Спасибо за помощь Думаю (но не уверен) Вы как всегда любезны уважаемый RodgerFox...Если у кого возникнет еще похожий вопрос - в поиск не отправляю, а предлагаю такой вариант:{if $page && $page->url == ''} Любой код для отображения на главной{/if} Quote Link to post Share on other sites
Danissimo Posted December 3, 2012 Report Share Posted December 3, 2012 а кто силен встроить в в систему вот такой слайдер http://themes.themepunch.com/?theme=revolution_wp за денежку естественно, плагин готовый есть для вордпресса, кто возьмется? Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.