Как да установя слайдер gSlider - Форум
Събота, 2017-04-29, 8:41 PM
Главна Регистрация ЧЗВ (FAQ) Вход
Добе дошли, Гост · RSS
[ Ново съобщение · Членове · Правила на форума · Търси · RSS ]
Страница 1 от 11
Форум » УПРАВЛЕНИЕ И НАСТРОЙКИ » Общи въпроси » Как да установя слайдер gSlider
Как да установя слайдер gSlider
bogiborisovДата: Сряда, 2014-05-21, 0:39 AM | Message # 1
Подполковник
Група: Потребители
Съобщения: 112
Награди: 0
Репутация: 0
Статус: Offline
Здравейте, опитвам се да установя този слайдер на адрес http://pcvector.net/scripts....er.html
но не се получава, някъде бъркам. Стъпките са следните:

1. Пише да добавим кода на самия слайд

2. В CSS да добавим изписания код

3. Пише javascript

4. Да качим папките с файловете.

5. И разбира се, не забравяйте да включите Jquery в заглавната си част.

Аз направих 1,2,4 стъпки, но за 3-тата и 5-тата не знам какво се прави.
Къде трябва да се постави този javascript и как да го включим? Моля тествайте го и пишете. Благодаря Ви.


Съобщението е редактирано от bogiborisov - Сряда, 2014-05-21, 0:40 AM
 
oziris811Дата: Сряда, 2014-05-21, 1:02 AM | Message # 2
Генерал-майор
Група: Потребители
Съобщения: 415
Награди: 13
Репутация: 8
Статус: Offline
И конечно же не забываем подключить jQuery в шапке.

В някой глобален блок или в шаблона на модула, които ще ползваш в head слагаш линка към js файла:
<script src="js/image-slider.js" type="text/javascript"></script>
а под него

<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });

});
</script>

ще изглежда така:

<script src="js/image-slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });

});
</script>

ПП - Не съм тествал слайдера, но щом са ти останали само тези 2 стъпки пробвай както написах.
ППП - Ако го сложиш в глобален блок няма да се налага да слагаш този код във всеки шаблон в които искаш да се показва слайдера.
Не забравяй, че папките с файловете трябва да качиш със същите найменувания иначе ще трябва да редактираш ръчно връзките.


Съобщението е редактирано от oziris811 - Сряда, 2014-05-21, 1:05 AM
 
bogiborisovДата: Сряда, 2014-05-21, 1:17 AM | Message # 3
Подполковник
Група: Потребители
Съобщения: 112
Награди: 0
Репутация: 0
Статус: Offline
Отново не се получава, снимките от слайдера ми излизат една под друга, само голи снимки, аз добавих това, дето ми каза
Code
<script src="js/image-slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });

});
</script>
между <head> и </head> .

Относно стъпка 4, всичко съм качил както трябва.
Просто в главната страница на сайта ми съм добавил javascripta между таговете, а на същата страница и кода, дето да се показва слайдера, не съм правил друг блог.
 
AtlantisДата: Сряда, 2014-05-21, 4:23 PM | Message # 4
Подполковник
Група: Потребители
Съобщения: 131
Награди: 6
Репутация: 8
Статус: Offline
Привет

<script src="js/image-slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').slider({ speed: 500 });

});
</script>

виш маркираното подмени го с линк на js-файла който си качил в ФМ


http://atlantis.runhosting.com
http://hap.ucoz.com
http://atlantis.ovo.bg
http://fan1atlantis.wordpress.com
 
Форум » УПРАВЛЕНИЕ И НАСТРОЙКИ » Общи въпроси » Как да установя слайдер gSlider
Страница 1 от 11
Търси:

Направете безплатен уеб сайт с oVo