동적 슬라이드 쇼 : 무엇을 선택해야합니까?

Question

저는 Symfony2로 웹 페이지를 프로그래밍하고 있습니다.이 시점에서 매우 구체적인 것을하고 싶습니다. 슬라이드 쇼가 필요합니다.

• moseover로 이미지를 일시 중지합니다.
• MySQL 데이터베이스에서 특정 테이블의 모든 그림을 동적으로 포함합니다.
• 슬라이드의 프레임 안에 맞도록 모든 이미지의 크기를 조정합니다 (그림의 비율은 변경하지 않고 나머지 1 : 1은 그대로두고 그림은 변형하지 않음).
• 가능한 경우 느리게 작동하지 않도록 미리로드됩니다.

이 작업을 위해 필자는 이미 작성된 jQuery 슬라이드 쇼 (거기에는 멋진 슬라이드 쇼가 있음)를 찾고있었습니다. Now :

=> 데이터베이스의 이미지를 동적으로 포함하려면 JSP를 사용하고 간단한 내용 (예 : 루프)을 작성합니다.

=> 이미지의 크기를 조정하려면 이미지 무게를 줄이는 것이 좋습니다. 예를 들어 원본 이미지의 크기는 1,2MB이고 해상도는 1000x1000입니다. 슬라이드 쇼에 10 개의 이미지를로드하는 것을 상상해보십시오. 그래서 내가 찾는 것은 이미지의 모든 측면을 줄이는 것입니다 (픽셀 크기의 축소 및 파일의 쌍으로 된 압축). 이를 위해 클라이언트 측 솔루션 대신 서버 측 솔루션을 생각해 보았습니다. 예를 들어 이미지 크기를 조정하기 위해 이미 작성된 PHP 스크립트가 있습니다. (하지만 그 모든 이미지를 줄이는 방법은 무엇입니까?)

내 질문은 마침내이 이슈에 대해 어떻게 생각하는지에 대한 정보를 수집하는 것입니다. 사용해야하는 대상, 사용 방법 등입니다. 내 말은, 나는이 특별한 사양으로이 슬라이드 쇼를 보지 못했기 때문에 나는 전문적인 견해가 필요하다고 생각했다.

모든 아이디어를 환영합니다.

미리 감사드립니다.

Answer 1

http://galleria.io/에서 볼 수 있습니다.이 슬라이드는 강력한 테마 능력과 configurable options의 무리가있는 신축성있는 슬라이드 쇼입니다. declare image data에는 몇 가지 방법이 있으므로 루프를 작성할 수 있습니다. 치수를 설정하면 이미지가 뷰포트에 자동으로 맞춰집니다 (설정 한대로 자르거나 가리지 않음). 예, 가능합니다. preload images. 호버시 일시 중지는 extend method 또는 직접 in your theme으로 수행 할 수 있습니다.

이미지 크기를 자동으로 조정하는 jQuery 슬라이드 쇼를 찾을 수 없다고 생각합니다. (즉, 크기 조정 = 물리적으로 해상도 변경). 때로는 미리보기 이미지를 준비하는 스크립트가 포함되지만 수동 작업은 항상 있습니다.

처음으로 here을 사용했으며 기쁘게 생각합니다.