2010-10-13 9 views
0

Я ищу, чтобы создать раскадровку идею, что фрилансеры используют на http://www.odesk.com/w/odesk_storyJQuery раскадровки следующего предыдущего

Мне нравится то, как HTML выложен, но я не могу найти JavaScript, который контролирует его.

Если бы я хотел точно воссоздать эту функциональность, какой будет лучший плагин для использования.

Или в этом случае трудно написать это самостоятельно?

В заключение.

Было бы 5 этажных блоков с первым показанным, а остальные скрыты. Когда вы щелкаете дальше, он скрывает первый и показывает следующий.

Предположим, нам нужен код jquery, который может обрабатывать различные количества слайдов.

Бит ржавый на моем jQuery, любая помощь или советы будут очень признательны. Не сделал бы мне никакого вреда, чтобы попытаться написать свой собственный код.

UPDATE:

В конце концов, я на самом деле получил это работает без JavaScript. Я просто использовал текст привязки и переполнение: скрытое количество несколько других атрибутов css, чтобы заставить его работать. Единственное, что у него нет хорошего эффекта слайда. Если я хочу добавить переход к привязке ссылок, что это лучший способ сделать это?

UPDATE 2:

Для всех, кто заинтересован вы можете посмотреть конечный продукт здесь; http://www.fishpond.ie/howitworks.html

+0

Если вы хотите видеть свой код, перейдите на страницу, включить все панели в поджигатель, перезагрузите страницу, и они будут доступный на вкладке скриптов firebug. –

ответ

1

Я только что создал нечто очень похожее, используя scrollTo.

+0

В конце я использовал localScroll http://demos.flesler.com/jquery/localScroll –

+1

, но также получил его работу только с CSS/html –

0

Я написал рекламный баннер, похожий на то, что вы недавно описываете, используя easySlider. Его довольно неплохо из коробки, и мне удалось немного изменить код, чтобы включить как следующие, так и предыдущие, а также числовые окна выбора слайдов.

0

Думаю, проблем нет, используя только jQuery и jQuery UI.

Вы можете запустить и скользить эффект http://jqueryui.com/demos/effect/ и переключить DIV для отображения: нет

Смежные вопросы