02.09.2011, 17:29
|
Новичок на форуме
|
|
Регистрация: 02.09.2011
Сообщений: 7
|
|
сайт в виде слайдера
Здравствуйте.
Как на jquery можно реализовать сайт в виде слайд шоу? Примерно такой: http://www.mityafomin.ru.
Подскажите, пожалуйста, какие плагины нужно использовать и если есть скиньте ссылку на подобный мануал.
Спасибо.
|
|
02.09.2011, 18:39
|
|
Злюка-бобер
|
|
Регистрация: 21.03.2010
Сообщений: 438
|
|
Нужно использовать какой-нибудь плагин для слайд шоу. Больше тут добавить нечего.
__________________
In WEB We Trust
У всех есть своя темная сторона...
|
|
02.09.2011, 18:47
|
|
|
Регистрация: 10.07.2008
Сообщений: 3,873
|
|
Такой вариант по интереснее: http://www.moodsofnorway.com/
Тут больше задача верстки, от JavaScript только плавное перемещение некоторых элементов, в jQuery для этого метод animate.
|
|
02.09.2011, 23:28
|
Новичок на форуме
|
|
Регистрация: 02.09.2011
Сообщений: 7
|
|
Сообщение от Octane
|
Такой вариант по интереснее: http://www.moodsofnorway.com/
Тут больше задача верстки, от JavaScript только плавное перемещение некоторых элементов, в jQuery для этого метод animate.
|
Тоже интересный вариант. Спасибо за ответ.
|
|
03.09.2011, 20:31
|
Профессор
|
|
Регистрация: 04.02.2011
Сообщений: 1,815
|
|
вот плагин заточенный только под скролл, нечего лишнего.
оф страница 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;
});
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Последний раз редактировалось DjDiablo, 03.09.2011 в 20:58.
|
|
05.09.2011, 07:51
|
Новичок на форуме
|
|
Регистрация: 04.09.2011
Сообщений: 4
|
|
Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).
Последний раз редактировалось godligift, 05.09.2011 в 07:55.
|
|
05.09.2011, 11:17
|
Новичок на форуме
|
|
Регистрация: 02.09.2011
Сообщений: 7
|
|
Сообщение от godligift
|
Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).
|
Нет, сайт будет не большой. Всего 4-5 страниц.
|
|
05.09.2011, 11:27
|
Новичок на форуме
|
|
Регистрация: 02.09.2011
Сообщений: 7
|
|
Появился еще вопрос. Как сделать, чтобы при обновлении какой-либо страницы не пришлось листать весь сайт снова(т.е я пролистал сайт и нахожусь на слайде №3 при обновлении страницы мне нужно остаться на нем же, а не на 1-ом слайде)? И как мне, находясь на каком-либо слайде, при нажатии по ссылке перейти на нужный слайд?
Спасибо за ответы!!!
|
|
05.09.2011, 15:51
|
Профессор
|
|
Регистрация: 04.02.2011
Сообщений: 1,815
|
|
Сообщение от godligift
|
Я делал подобный сайт при помощи http://demos.flesler.com/jquery/scrollTo/, основная проблема там не в плагине, некоторые реализуют такое и на простой аниации со сдвигом, а в верстке и загрузке изображений. Если у вас будет оооочень длинный сайт, то он будет грузиться ооочень-долго. Так как на отдельные страницы его не разобьешь(иначе пропадет эффект скролинга).
|
Scrooll to поддерживает подгрузку страниц через ajax
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
|
|
05.09.2011, 15:54
|
Профессор
|
|
Регистрация: 04.02.2011
Сообщений: 1,815
|
|
Сообщение от shurik330
|
Появился еще вопрос. Как сделать, чтобы при обновлении какой-либо страницы не пришлось листать весь сайт снова(т.е я пролистал сайт и нахожусь на слайде №3 при обновлении страницы мне нужно остаться на нем же, а не на 1-ом слайде)? И как мне, находясь на каком-либо слайде, при нажатии по ссылке перейти на нужный слайд?
Спасибо за ответы!!!
|
Да элементарно Ватсон ))
Сохраняй номер слайда в куки при переходах, а при загрузке стриницы смотри куки и переводи слайдер на слайд с номером из куки. Обычно при инициализации скриптов слайдеров можно указать с какого слайда показывать.
Можно сохранять номер страницы только когда ты обновляешь страницу, обрабатывая сообщение unload если память мне не изменяет.
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Последний раз редактировалось DjDiablo, 05.09.2011 в 20:09.
|
|
|
|