2012-08-26 2 views
-1

숫자 이미지를 표준 HTML 형식으로 표시하고 있습니다. 나는 이미지의 크기를 모른다. 크기가 작은 것도 있지만 꽤 큰 것도 있습니다. 나는 그것을 왜곡없이 이미지 아래로 ..라이트 박스에서 표준 크기의 이미지로 링크되는 축소판 그림 표시 (두 개의 개별 이미지 파일 제외)

  1. 스케일을하고 싶습니다 무엇

    <img src="image1.jpg"> 
    <img src="image2.jpg"> 
    

    (만약 넓거나 250 픽셀 X 250 픽셀보다 키).

  2. 사용자는 라이트 박스에서 전체 크기를 보려면 이미지를 클릭 할 수 있어야합니다.

나는 lightbox jQuery plug-in을 보았지만 별도의 미리보기 이미지가 필요합니다. 거기에 여전히 이점을 활용할 수있는 방법이 있습니까?

최신 Chrome을 사용 중이므로이 프로젝트에 HTML5/CSS3/jQuery/등을 사용할 수 있습니다.

+0

두 개의 이미지가 있어야하지만 이미지를로드하고 더 작은 버전을 원할 경우 ''을 (를) 수행 할 수 있지만 전체 이미지 (미리보기 이미지의 데이터가 많음)를로드해야합니다. – orhanhenrik

+0

isn 질문조차하지 마라. 라이트 박스를 사용하여 이미지 스케일링을 제외한 모든 작업을 수행 할 수 있습니다. 방법을 모른다면 매뉴얼을 읽는 데 약간의 시간이 걸릴 수 있습니다. – Jonathan

+0

jonathan, 질문은 별개의 미리보기 이미지없이 라이트 박스를 사용할 수 있는지 궁금합니다. 매뉴얼을 읽었을 때 가능하지 않았지만 물어볼 것이라고 생각했습니다. stackoverflow에 합법적이지 않은가? 나는 여기 조금 새로운 것이므로 사과한다. – tonic

답변

3

몇 가지 조언이 : 미리보기의 영향을 전반적으로 로딩 성능으로 전체 이미지를 사용하기 때문에

섬네일/전체 스케일 이미지를 처리 ​​할 때마다

, 당신은 [모바일 장치에 대해 생각] 모두를 제공해야합니다.

서버를 제어 할 수있는 경우 요청시 [예 : GD library in PHP] 또는 섬네일을 선점 캐싱 [보다 빠르고 확장 가능한 옵션].

마지막으로 한가지 : 크롬 사용에 대한 당신은, 그래서 IE8 또는 함께 붙어 사람이있을 것입니다 생각 다음 웹 사이트의 청중뿐만 아니라 사용자의 테스트 환경에 대해 생각합니다.