Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   сайт в виде слайдера (https://javascript.ru/forum/jquery/21253-sajjt-v-vide-slajjdera.html)

shurik330 02.09.2011 17:29

сайт в виде слайдера
 
Здравствуйте.
Как на jquery можно реализовать сайт в виде слайд шоу? Примерно такой: http://www.mityafomin.ru.
Подскажите, пожалуйста, какие плагины нужно использовать и если есть скиньте ссылку на подобный мануал.
Спасибо.

SkyLight 02.09.2011 18:39

Нужно использовать какой-нибудь плагин для слайд шоу. Больше тут добавить нечего.

Octane 02.09.2011 18:47

Такой вариант по интереснее: http://www.moodsofnorway.com/
Тут больше задача верстки, от JavaScript только плавное перемещение некоторых элементов, в jQuery для этого метод animate.

shurik330 02.09.2011 23:28

Цитата:

Сообщение от Octane (Сообщение 124403)
Такой вариант по интереснее: http://www.moodsofnorway.com/
Тут больше задача верстки, от JavaScript только плавное перемещение некоторых элементов, в jQuery для этого метод animate.

Тоже интересный вариант. Спасибо за ответ.

DjDiablo 03.09.2011 20:31

вот плагин заточенный только под скролл, нечего лишнего.
оф страница http://plugins.jquery.com/project/ScrollTo
Демо.
http://demos.flesler.com/jquery/localScroll/#section3c
http://demos.flesler.com/jquery/serialScroll/

Есть тупо Div контейнер а внутри него размещаешь, div со страницами, и скролируешь от одной страницы к другой по своему усмотрению. К примеру первая страница с координатами x=0 y=0 вторая x=1024 y=0. Чтобы показать первую страницу перейдите к координатам 0,0 , чтобы вторую к 1024,0 и тд. Можно перелистывать не по координатам а к примеру приказать переместиться к элементу с неким ID

Щелчок мышью по ссылке с ID #link1 вызывает перемещение содержимого в контейнере #container.
$('#link1').click(function(){
        $("#container").scrollTo( 1024, 0, { queue:true } );
        return false;
});

godligift 05.09.2011 07:51

Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).

shurik330 05.09.2011 11:17

Цитата:

Сообщение от godligift (Сообщение 124855)
Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).

Нет, сайт будет не большой. Всего 4-5 страниц.

shurik330 05.09.2011 11:27

Появился еще вопрос. Как сделать, чтобы при обновлении какой-либо страницы не пришлось листать весь сайт снова(т.е я пролистал сайт и нахожусь на слайде №3 при обновлении страницы мне нужно остаться на нем же, а не на 1-ом слайде)? И как мне, находясь на каком-либо слайде, при нажатии по ссылке перейти на нужный слайд?
Спасибо за ответы!!!

DjDiablo 05.09.2011 15:51

Цитата:

Сообщение от godligift (Сообщение 124855)
Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).

Scrooll to поддерживает подгрузку страниц через ajax

DjDiablo 05.09.2011 15:54

Цитата:

Сообщение от shurik330 (Сообщение 124891)
Появился еще вопрос. Как сделать, чтобы при обновлении какой-либо страницы не пришлось листать весь сайт снова(т.е я пролистал сайт и нахожусь на слайде №3 при обновлении страницы мне нужно остаться на нем же, а не на 1-ом слайде)? И как мне, находясь на каком-либо слайде, при нажатии по ссылке перейти на нужный слайд?
Спасибо за ответы!!!

Да элементарно Ватсон ))
Сохраняй номер слайда в куки при переходах, а при загрузке стриницы смотри куки и переводи слайдер на слайд с номером из куки. Обычно при инициализации скриптов слайдеров можно указать с какого слайда показывать.

Можно сохранять номер страницы только когда ты обновляешь страницу, обрабатывая сообщение unload если память мне не изменяет.


Часовой пояс GMT +3, время: 18:30.