Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Почему в слайдере не показываются картинки?
Нужно так:
А так сейчас на сайте:
проверяйте, возможно неправильно установили скрипт, как пример, скрипт :
<script> $(document).ready(function(){ jQuery('#camera_wrap').camera({ loader: false, pagination: false , minHeight: '444', thumbnails: false, height: '27.86458333333333%', caption: true, navigation: true, fx: 'simpleFade' }); $().UItoTop({ easingType: 'easeOutQuart' }); }); </script>
с блока <head></head> удалите, и установите перед закрывающим тегом </body> это как вариант, проверяйте и тестируйте.
Не получается. В разные места вставлял. Если Вас не затруднит, Вы не могли бы помочь тогда с вставкой слайдера из шаблона для Ucoz http://yraaa.ru/templates/besplatnyj-shablon-dlya-ucoz-merry-christmas? Мне как-то сложновато разобраться в этом... Если не затруднит и не займет много времени, конечно.
С этого шаблона слайдер, что по ссылке:
1. Этот код ставим где хотим чтобы отображался слайдер, обычно это глобальный блок - Верхняя часть сайта.
<script src="http://christmas-gift.ucoz.com/slider/slider.js"></script> <section class="mainslider"> <ul> <li> <a href="ссылка куда перейти при нажатии на изображение"><img src="ссылка на изображение к слайду"></a> <div class="slidetext"> <span class="titletext">MERRY CHRISTMAS</span><span class="smalltext">and</span><span class="greentext">Happy new year!</span> <p>Это добрый Новогодний шаблон<br/> для наших любимых пользователей<br/> от дизайн-студии UCOZ<strong>LAB</strong>! :)<br/>Поздравляем с зимними праздниками!</p> </div> </li> <li> <a href="ссылка куда перейти при нажатии на изображение"><img src="ссылка на изображение к слайду"></a> <div class="slidetext"> <span class="titletext">Раздаем Рождественское печенье</span> <p>Хотите выиграть коробку ароматного<br/>имбирного печенья от CR Cooking?<br/>Тогда этот конкурс для вас! :)</p> </div> </li> <li> <a href="ссылка куда перейти при нажатии на изображение"><img src="ссылка на изображение к слайду"></a> <div class="slidetext"> <span class="titletext">Как приготовить<br/>простое<br/>имбирное печенье</span> <p>Читайте в нашем блоге!</p> </div> </li> </ul> </section> <script> $('.mainslider > ul').bxSlider({ pager:true, auto:true, speed:1500, adaptiveHeight: true, pause: 5000, controls: false, autoHover: true }); </script>
2. Далее в странице шаблоне между тегов <head>здесь</head> подключаем стили к слайдеру:
<link rel="stylesheet" href="http://christmas-free.ucoz.com/slider/slider.css" />
вроде как все.
3. Ссылки на изображения установите свои и текст напишите свой итп, там все понятно.