В слайдере не показываются картинки

голоса: 0

Почему в слайдере не показываются картинки?

Нужно так:

А так сейчас на сайте:

Адрес сайта http://sem.ucoz.org/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
В данном случае не запускается скрипт который управляет работой слайдера.

Как я вижу у вас премиум шаблон и вы его покупали, обратитесь к автору за инструкциями, либо откройте архив с шаблоном и еще раз перечитайте инструкцию по установке слайдера.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Был бы рад, если бы не одно "но": этот шаблон достался бесплатно от psdsite.ru...
Причем с локальной папки всё работает...

проверяйте, возможно неправильно установили скрипт, как пример, скрипт :

 <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. Ссылки на изображения установите свои и текст напишите свой итп, там все понятно.

...