Карусел Галерия с изображения с възможност за кликване?

Търсих навсякъде и не мога да намеря нещо свързано! Правя уебсайт за авиокомпания. Става горе-долу така:

http://i.stack.imgur.com/L4AD0.jpg

КРАТКА ИНФОРМАЦИЯ:

База данни с 4 полета:

  • 'id'(INT): прост ID на АВТОМАТИЧНО УВЕЛИЧАВАНЕ.
  • 'thumbnail'(ТЕКСТ): маршрут за изображение с малък размер на град, използван на въртележката. Пример: img/bali/thumb/bali_thumb.jpg
  • 'complete'(TEXT): маршрут към по-голям размер на миниатюрата. Пример: img/bali/bali.jpg
  • 'gallery'(TEXT): маршрут към директория с множество изображения, които да се използват като галерия. Пример: img/bali/gallery/

Както можете да видите, има въртележка, изброяваща всички градове, до които авиокомпанията предлага обслужване. Това е библиотека Carousel, известна като JCarousel. Когато хората щракнат върху определен град, изображението от „завършено“ се зарежда в DIV.

МОЯТ ВЪПРОС:

Авиокомпанията иска промяна. Те искат, когато хората кликнат върху определен град, вместо да зареждат само 1 изображение, да се зарежда ГАЛЕРИЯ ОТ ИЗОБРАЖЕНИЯ. Това ме вбесява от миналия четвъртък и просто не мога да намеря никакво решение за това. Опитах много неща и не намерих решението. Искам да кажа, че мога да го накарам да зареди едно изображение, но не мога да го накарам да зареди галерия.

Благодаря, че отделихте време да прочетете това, напълно съм изгубен! Надявам се тази страхотна общност да ми помогне да намеря решение :)


person Klaha    schedule 19.08.2013    source източник


Отговори (2)


Ще трябва да напишете някакъв backend код, но мисля, че YUI има опция за това. Има поддръжка за "многоредова" въртележка. Може би това е, което искате? (http://developer.yahoo.com/yui/examples/carousel/csl_multirow_clean.html)

person Raze    schedule 19.08.2013
comment
Благодаря за вашият отговор! Но YUI не свърши работата :( Отчаян съм от това, не знам как да го направя! - person Klaha; 19.08.2013

Имахме същия проблем и не можахме да намерим подходящо решение. Подозирам, че ще трябва да го направите сами, както трябваше и ние. Използвахме jCarousel и интегриран knockout.js за задействане на събития, когато изображенията във въртележката бяха щракнати.

Страхувам се, че нямам примерен код, но има много примери за това как да използвате knockout.js тук http://knockoutjs.com/ и не е лошо да го интегрирате в jcarousel

person Hazza    schedule 22.08.2013