Highslide JS를 새로운 반응 형 디자인으로 조정하는 방법

Question

약 5 년 전이 사이트에서 Highslide JS를 사용했습니다 : http://wela.ctc.edu/academy12-13.aspx (예제 페이지). 이제는 사이트에서 Twitter.Bootstrap을 재 설계하고 작은 장치 너비에서 작동하도록 Highslide 팝업을 조정할 수있는 방법을 찾으려고합니다. 이것이 가능합니까 아니면 구현할 다른 솔루션을 찾아야합니까? 내 highslide-with-html.js 파일의 설정 매개 변수로 놀았지만 결과가 만족스럽지 않습니다. 반응 형 디자인에서 Highslide를 사용하는 것이 가능하다면, 어떤 URL이라도 고맙게 여길 것입니다.

Answer 1

간단히 말해 Highslide는 이미지를 여는 경우 소형 장치에 잘 적응합니다. 확장기는 뷰포트의 경계를 초과하지 않고 가능한 한 큰 이미지를 표시하는 목적으로 제작되었습니다.

그러나 HTML 콘텐츠가있는 확장기, iframe 등을 여는 경우 확장기는 처음에는 고정 크기 여야합니다. 크기 조정 핸들을 장착 할 수는 있지만 스마트 폰에서 대형 모니터에 이르기까지 모든 것을 처리하기에는 충분하지 않습니다.

Highslide JS를 다시 작성하지 않으면이 제한 사항을 극복하기 위해 페이지가 자체 뷰포트 크기 감지 기능을 수행해야하며, 일부 jQuery 조작을 통해 htmlExpand() 호출을 수정하거나 .highslide -html CSS 클래스의 너비. 후자의 접근법 (CSS를 목표로 함)은 더 쉬울 것처럼 보입니다.