회전식 이미지를 클릭 할 수있는 이미지 갤러리?

Question

나는 모든 곳에서 수색했으며 관련있는 것을 찾을 수없는 것 같습니다! 저는 항공 회사 웹 사이트를 만들고 있습니다. 그것은 더 많거나 적은 같은 간다 :

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

QUICK 정보 : 4 개 필드

데이터베이스 :

• 'ID'(INT) : 간단한 자동 증가 ID.
• '축소판'(TEXT) : 도시의 작은 크기 이미지 경로로 회전 목마에 사용됩니다. 예 : img/bali/thumb/bali_thumb.jpg
• '완료'(TEXT) : 더 큰 크기의 미리보기 이미지로 연결됩니다. 예 : img/bali/bali.jpg
• 'gallery'(TEXT) : 여러 이미지가있는 디렉토리로 경로를 지정하여 갤러리로 사용합니다. 예 : IMG/발리/갤러리/

당신이 볼 수있는 바와 같이, 항공사가 서비스를 제공하는 모든 도시를 나열하는 회전 목마가있다. 이것은 JCarousel로 알려진 회전식 라이브러리입니다. 사람들이 정해진 도시를 클릭하면 '완료'이미지가 DIV에로드됩니다.

내 질문 :

항공사는 변화를 원한다. 사람들이 정해진 도시를 클릭하면 단지 1 장의 이미지를로드하는 대신 이미지 갤러리를로드하기를 원합니다. 지난 목요일부터 이것은 나를 미치게 만들었고, 나는 그것을위한 해결책을 찾을 수 없다. 나는 많은 것을 시도해 보았고 해결책을 찾지 못했습니다. 즉, 하나의 이미지를로드 할 수는 있지만 갤러리에로드 할 수는 없습니다.

시간을내어 읽어 주셔서 감사합니다. 저는 완전히 분실했습니다! 이 위대한 공동체가 해결책을 찾는데 도움이되기를 바랍니다 :)

Answer 1

일부 백엔드 코드를 작성해야하지만 YUI에는이를 수행 할 수있는 옵션이 있습니다. "다중 행"회전식 컨베이어가 지원됩니다. 아마 그게 네가 원하는거야? (http://developer.yahoo.com/yui/examples/carousel/csl_multirow_clean.html)

Answer 2

같은 문제가있어 적절한 해결책을 찾을 수 없습니다. 우리가해야만했던 것처럼 당신이 직접해야 할 것 같아요. 우리는 jCarousel과 통합 knockout.js를 사용하여 컨베이어의 이미지가 클릭되었을 때 이벤트를 시작했습니다.

나는 내가 어떤 샘플 코드가없는 두려워하지만, 많은 여기 http://knockoutjs.com/을 knockout.js을 사용하는 방법의 예의가있다 당신의 대답을 jcarousel에