Помогите установить - uCoz и Ваш сайт - Помощь по uCoz - Форум - Web-мастеров
1106ответов на форуме
228тем на форуме
3004комментария
6159пользователей
Страница 1 из 11
Форум » uCoz и Ваш сайт » Помощь по uCoz » Помогите установить
Помогите установить
Написал: Алексей Зотов, в 15:32, 27.07.2016 | Сообщение #1
Здравствуйте! 
Кто может попробовать установить у себя http://www.pearljammers.pt/slidescreen/  2 вариант Example-1 ?
И если получиться, описать как это сделал?
Написал: Kid Morbid, в 20:12, 27.07.2016 | Сообщение #2
zotoff, Открой исходный код страницы и сразу всё станет понятно, сами скрипты и css также скопируй по ссылкам
в исходном коде. Там всё как на ладони, просто приведено несколько примеров с описанием и чтобы легче разобраться и не запутаться лучше в редакторе с подсветкой кода отделить нужное)

No regrets

Сообщение отредактировал: Unknown - Среда, 27.07.2016, 20:13
Написал: Алексей Зотов, в 01:07, 29.07.2016 | Сообщение #3
Цитата Unknown ()
Открой исходный код страницы и сразу всё станет понятно, сами скрипты и css также скопируй по ссылкамв исходном коде. Там всё как на ладони, просто приведено несколько примеров с описанием и чтобы легче разобраться и не запутаться лучше в редакторе с подсветкой кода отделить нужное)

Взял - http://hevix.ru/image_comparison_slider/

попробовал как Вы сказали, вот что получилось http://www.xn--80aaxbgogcgrw7n.xn--p1ai/index/123/0-24
Написал: Kid Morbid, в 16:55, 29.07.2016 | Сообщение #4
zotoff, решил помочь тебе, только не со вторым слайдером а тем что по первой ссылке, стало просто интересно
самому, вообщем я залил на сайт архив со всеми файлами и описанием, скачай и попробуй может то что искал.
К описанию добавлю что заодно обновил 2 jquery скрипта до 1.10.2 (был конфликт на тестовом сайте), основной плагин не трогал так как после обновления конфликт прекратился. Для быстрого теста добавил html файл Демо, поменяй там ссылки. В скрипте слайдера убрал надписи внизу Show before и show after (можно вернуть выставив true) и opacity кнопкам выставил .85 а то стояло .25 и толком видно не было.



Ссылка на материал

Прикрепления: 9239806.png(188Kb)

No regrets

Сообщение отредактировал: Unknown - Суббота, 30.07.2016, 15:45
Написал: Алексей Зотов, в 20:17, 29.07.2016 | Сообщение #5
Цитата Unknown ()
решил помочь тебе, только не со вторым слайдером а тем что по первой ссылке, стало просто интересносамому, вообщем я залил на сайт архив со всеми файлами и описанием, скачай и попробуй может то что искал.
К описанию добавлю что заодно обновил 2 jquery скрипта до 1.10.2 (был конфликт на тестовом сайте), основной плагин не трогал так как после обновления конфликт прекратился. Для быстрого теста добавил html файл Демо, поменяй там ссылки. В скрипте слайдера убрал надписи внизу Show before и show after (можно вернуть выставив true) и opacity кнопкам выставил .85 а то стояло .25 и толком видно не было.

Спасибо большое за помощь.

Залил в Файловый менджер в папку slide все файлы.
в новой созданной стр. прописал 

Код
<script type="text/javascript" src="/slider/jquery.min.js">
</script>
<script type="text/javascript" src=/slider/jquery-ui.min.js">
</script
><script type="text/javascript" src="/slider/jquery.beforeafter.js"></script>
<script type="text/javascript">
$(function(){
 $('#container').beforeAfter();
});
</script>

<div id="container">
<div><img alt="before" height="220" src="/slider/sample11.jpg" width="615" /></div>

<div><img alt="after" height="220" src="/slider/sample12.jpg" width="615" /></div>
</div>
<style type="text/css">#container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;}
</style>


Вот что получилось - http://www.xn--80aaxbgogcgrw7n.xn--p1ai/index/412/0-25

почему ползунок не перемешается ?
Написал: Kid Morbid, в 20:22, 29.07.2016 | Сообщение #6
В коде вижу ошибку
<script type="text/javascript" src=/slider/jquery-ui.min.js"></script>

кавычки нет после src=

и не забыть указать путь к изображениям картинок в jquery.beforeafter.js

И ещё я тестировал на jquery 1.10.2 он уже давно доступен на ucoz

No regrets

Сообщение отредактировал: Unknown - Пятница, 29.07.2016, 20:36
Написал: Алексей Зотов, в 20:36, 29.07.2016 | Сообщение #7
Цитата Unknown ()
В коде вижу ошибку<script type="text/javascript" src=/slider/jquery-ui.min.js"></script>

кавычки нет после src=

Всё встало! Спасибо огромное очень помогли мне!
Написал: Kid Morbid, в 20:38, 29.07.2016 | Сообщение #8
Здорово) только в середине не вижу handle.gif, на скриншоте присмотритесь
Добавьте  по этому пути картинку из архива) видимо забыли залить.

http://www.картиномания.рф/slider/handle.gif

No regrets

Сообщение отредактировал: Unknown - Пятница, 29.07.2016, 20:56
Написал: Алексей Зотов, в 20:57, 29.07.2016 | Сообщение #9
Цитата Unknown ()
Не за что) только в середине не вижу handle.gif, на скриншоте присмотритесьДобавьте  по этому пути картинку из архива

Я сейчас пытаюсь заменить её на

Добавлено (29.07.2016, 20:57)
---------------------------------------------
Что-то пока не выходит.
Ещё вопрос, а можно ли этот слайдер сделать адаптивным? что бы поставить его на главную


Прикрепления: 7232973.png(2Kb)
Написал: Kid Morbid, в 21:02, 29.07.2016 | Сообщение #10
Картинка большая, в скрипте jquery.beforeafter есть заданные размеры для той картинки,
8 и 48 я указал, а если адаптивным то можно попробовать выставить изображениям width="100%" height="auto"
но учитывать что обе картинки будут одного размера....пробуйте

No regrets
Форум » uCoz и Ваш сайт » Помощь по uCoz » Помогите установить
Страница 1 из 11
Поиск: