Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > карусель как на apple.com

Автор: Reptor 20.7.2009, 18:55

кто подскажет как или где можно взять карусель сл скроллом как тут в самом верху http://www.apple.com/mac/ ? не только на стрелочки картинки перемещаются но ещё и есть скролл..

Автор: Reptor 21.7.2009, 13:36

Скачал исходники с apple.. посмотреть что там к чему... Позабирал с сайта все ненужное  что б только оставить ту карусель со скроллом...все работает нормально но не могу понять почему картинки не грузятся.. они есть лежат где надо но не отображается не фон не скрол не стрелочки.. не понимаю почему.. в атаче архив с файлами.. папка и с картинками стилями и JS и ещё ШТМЛ на рабочем столе у меня

Автор: Reptor 21.7.2009, 13:37

Помогите понять почему не отображаються картинки которые относятся к этой карусели

Автор: diadiavova 21.7.2009, 15:22

Открой css в текстовом редакторе файлы и запусти поиск по по слову url так можно найти картинки, подгружаемые из стиля. Я посмотрел - там они присутствуют и к тому же в виде относительных адресов. Поменять бы надо

Автор: diadiavova 21.7.2009, 17:11

Вот тут я поубирал из файла productbrowser.css внутренние пути сервера уже выглядит лучше, а список картинок в двух стилях прилагаю, что недостаёт - докачай Цитата mac.css http://www.apple.com/mac/home/images/arrow20090106.gif http://www.apple.com/mac/home/images/box_bg20090106.gif http://www.apple.com/mac/home/images/box_bgtop20090106.png http://www.apple.com/mac/home/images/box_bgbottom20090106.png http://www.apple.com/mac/home/images/box_bggrad20090106.gif http://www.apple.com/mac/home/images/box_sidebar_bg20090106.gif http://www.apple.com/mac/home/images/box_sidebar_bgtop20090106.png http://www.apple.com/mac/home/images/box_sidebar_bgbottom20090106.png http://www.apple.com/mac/home/images/box_full_bg20090608.gif http://www.apple.com/mac/home/images/box_full_bgtop20090608.png http://www.apple.com/mac/home/images/box_full_bgbottom20090608.png http://www.apple.com/mac/home/images/box_header20090106.gif http://www.apple.com/mac/home/images/findouthow_featured20080106.gif http://www.apple.com/mac/home/images/arrow20090106.gif http://www.apple.com/mac/home/images/arrow20090106.gif http://www.apple.com/mac/home/images/qt_playpause20090106.gif http://www.apple.com/mac/home/images/qt_bgtrack20090106.gif http://www.apple.com/mac/home/images/qt_bgtrack_load20090106.gif http://www.apple.com/mac/home/images/qt_pointer20090106.png http://www.apple.com/mac/home/images/showcase_qtnav20090106.gif http://www.apple.com/mac/home/images/qt_buttonbg20090608.jpg http://www.apple.com/mac/home/images/qt_btn_blackout20090608.png productbrowser.css http://www.apple.com/mac/home/images/productbrowser_scrollbar_20070622.png http://www.apple.com/mac/home/images/productbrowser/pb_arrows_04_left.png http://www.apple.com/mac/home/images/productbrowser/pb_arrows_04_right.png http://www.apple.com/mac/home/images/productbrowser/pb_airport_express.jpg http://www.apple.com/mac/home/images/productbrowser/pb_airport_extreme.jpg http://www.apple.com/mac/home/images/productbrowser/pb_timecapsule_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_mighty_mouse.jpg http://www.apple.com/mac/home/images/productbrowser/pb_keyboards20070807.jpg http://www.apple.com/mac/home/images/productbrowser/pb_led_cinema_display_20081015.jpg http://www.apple.com/mac/home/images/productbrowser/pb_mac_pro_20090608.jpg http://www.apple.com/mac/home/images/productbrowser/pb_macbook_20090608.jpg http://www.apple.com/mac/home/images/productbrowser/pb_macbookair_20081014.jpg http://www.apple.com/mac/home/images/productbrowser/pb_macbookpro_20090608.jpg http://www.apple.com/mac/home/images/productbrowser/pb_mac_mini_20090608.jpg http://www.apple.com/mac/home/images/productbrowser/pb_imac20071026.jpg http://www.apple.com/mac/home/images/productbrowser/pb_macosx_20090608.jpg http://www.apple.com/mac/home/images/productbrowser/pb_ilife_20090106.jpg http://www.apple.com/mac/home/images/productbrowser/pb_mobile_me.jpg http://www.apple.com/mac/home/images/productbrowser/pb_iwork_20090106.jpg http://www.apple.com/mac/home/images/productbrowser/pb_safari20090618.jpg http://www.apple.com/mac/home/images/productbrowser/pb_quicktime.jpg http://www.apple.com/mac/home/images/productbrowser/pb_aperture20080212.jpg http://www.apple.com/mac/home/images/productbrowser/pb_logic_studio_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_final_cut_studio2_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_finalcutserver20080408.jpg http://www.apple.com/mac/home/images/productbrowser/pb_logic_express_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_final_cut_express_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_shake_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_apple_remote_desktop_20080115.jpg http://www.apple.com/mac/home/images/productbrowser/pb_xserve.jpg http://www.apple.com/mac/home/images/productbrowser/pb_xserve_raid.jpg http://www.apple.com/mac/home/images/productbrowser/pb_xsan_20080219.jpg http://www.apple.com/mac/home/images/productbrowser/pb_macosx_server_20090608.jpg

Автор: Reptor 21.7.2009, 18:20

сделал.. получилось

Автор: Reptor 22.7.2009, 12:02

Появилась проблема... если использовать файлы JS с этой каруселью то перестает работать все что связанно с JQuery... у меня на страничке в трех местах оно есть и ничего не работает... как только забрать эти файлы с каруселью все ок.. Начинает писать что $(document).ready is not a function.. не берет елемент $("body").append... что делать?

Автор: Reptor 22.7.2009, 17:04

Сделал вот такую вот карусель со скролом.. (в атаче) помогите сделать её что б она более плавно работала... и ещё не могу понять как сделать что у меня сам скрол это картинка и при захвате его мышкой что б тащить то бывает что браузер думает что я картинку хочу перетащить и всё сбивается...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)