그래서 난 그냥 내 고등학교에 대한 웹 사이트를 넣어이 페이지 그렇게 뻗어없는 이미지를 만들 수있는 가장 좋은 방법은 무엇 www.eriesd.org/central/central2/staff.php늘어난 이미지를 어떻게 수정합니까?
에 특히 뻗어되는 이미지를 많이 실현?
div를 추가하고 중심점 또는 50 % 50 %의 배경 이미지를 추가 할 생각입니다. 또한 경력 및 기술 페이지에서 나는 정보 페이지가 IE에서로드되지 않지만 다른 페이지는 잘로드 된 사람이이 문제를 가지고 있다는 것을 알았습니까?
기본적으로 메뉴 및 옵션에서 위치를 가져오고 내 데이터베이스에 연결하고 옵션 및 위치에 따라 정보를 가져 오는 3 개의 레이아웃 중 하나를로드하는 Ajax 요청을 호출합니다.
사진이 일종의 PHP CMS를 사용하여 업로드되었다고 가정 할 때 가장 먼저해야 할 일은 내가 업로드 할 때 이미지를 올바르게 처리하는 것입니다. 더 큰 이미지 외에도 다음과 같은 작은 이미지를 생성해야합니다. 해당 페이지에 필요한 크기에 맞 춥니 다.
또한 사진을 업로드하는 사람들에게이 특정 사진에 페이지와 같은 가로 방향 형식이 있어야한다는 알림을 추가하는 것이 좋습니다.
CSS 솔루션은 작은 문제를 해결하는 마지막 수단이 될 것입니다.
편집 : 외에도 페이지가 지금 특히 모든 이미지는 당신이 필요로하는 것보다 훨씬 더 큰 존재로 (로드하는 데 시간이 오래 걸리고 나는 심각 같은 모든 전자 메일 주소를 게시 재고 및 일부 페이지 매김을 추가 할 것이라고에서 그들 ...).
네, 많은 옵션이 필요 없기 때문에 작은 CMS를 만들었습니다. 사실 이미지 리사이 저도 코딩 했으므로 그걸 사용 해보고 인라인 너비와 높이 스타일링을 제거했습니다 –
그런 전자 메일을 게시한다는 것은 무엇을 의미합니까? 교사는 이미지를 사용하여 누군가가 쉽게 페이지에있는 모든 이메일을 가져올 수 있거나 메일 링크를 만드는 것에 대해 이야기 할 수 있기 때문에 이미지를 사용하도록 권장했습니다. –
@josh 모든 전자 메일은 소스 코드에 일반 텍스트로 표시되므로 모든 스팸 발송자가이 주소에 대한 페이지를 매우 쉽게 스캔 할 수 있습니다. 이미지를 사용하는 것이 해결책이지만, 다른 것들이 있습니다. 단지 여기에서 확인하십시오. – jeroen
너비 만 지정하면 높이가 비례하여 설정되어 이미지가 늘어나지 않습니다.
<img> 태그에 대해 width 및 height 특성을 모두 지정했기 때문에 늘어납니다. 실제 이미지의 크기가 다른 경우 브라우저에 옵션이없는 것을 볼 수 있지만 이미지를 왜곡하여 지정된 높이와 너비에 맞출 수 있습니다.
height 또는 width 또는 둘 모두를 지정하지 않으면 이미지가 정상적으로 표시됩니다.
내 하루를 보냈습니다! –
img에만 height을 설정하고 흰색 영역을 원할 경우 에 width:200px;text-align:center CSS를 추가해야합니다. 너비를 생략하면 이미지 주변의 공백이 줄어 듭니다.
<a class="image" style="width:200px;text-align:center">
<img src="http://www.eriesd.org/central/central2/images/staff/kranking.jpg" alt="missing photo" height="112">
</a>
이미지에 관한 첫 번째 질문에 답변 해 드리겠습니다. 진짜 문제는 이미지를 채우려는 공간에 맞게 크기가 조정되지 않는다는 것입니다. 내가 조사한 그 중 하나는 6MB (2848x2144) 이미지의 무게가 1.5MB였습니다. 이 대략 크기와 dimensin의 더 많은 것이있었습니다. 그 이미지 중 하나가 전체 페이지보다 큽니다. 첫 번째 단계는 필요한 크기로 이미지를 가져 오는 것입니다. 귀하의 페이지는 거의 19MB입니다. 대부분의 브라우저가 이미지 크기 조정 작업을 수행 할뿐만 아니라 매우 빠른 연결 없이도 많은 양의 추가 데이터를 보내고 페이지로드를 매우 느리게 만듭니다. 모바일 브라우저가 대기 중이며 데이터 플랜을 통해 씹고있는 사용자를 상상해보십시오! DSL 사용자는 몇 분이 걸릴 수 있습니다. 전화 접속에는 몇 시간이 걸릴 수 있습니다.
수동으로 업로드하는 경우 먼저 크기를 조정하십시오.크기 제한을 알아 내고 크기를 조정하고 자르십시오. CMS를 사용하는 경우 설정, 플러그인을 찾거나 사용자 정의하여 더 작은 축소판 버전을 만들어 사용할 수 있습니다.
레이아웃을 멋지게 유지하려면 현재 이미지를 늘리거나 이미지를 약간 자르고 크기를 조정하면됩니다. 대부분의 사진을 프로그래밍 방식으로 처리 할 수 있습니다. 꼭대기 중앙이 머리가 될 것이라고 가정하십시오. 당신은 사이트 전체에 그림 이슈를 펼쳤습니다.
기술 페이지의 경우 기술 자료 페이지는 출처를 살펴보면 실제로로드되고 있지만 (최신 IE의 경우) 어떤 이유로 든 표시되지 않습니다. .post 또는 .content에 대한 CSS 또는 JavaScript 문제 그것은 심지어 잠시 동안 갑자기 나타나서 사라집니다.
LYeah 나는 잠시 멈추고 병이 사라지는 것을 알아 챘습니다. 나중에 체크 아웃하고 진행 상황을 정확히 확인해야합니다. –
한 번에 한 가지 질문에 자신을 제한하십시오. –
또한 이미지 리사이저에 대한 귀하의 의견을 –
시도해보십시오. 또한 PHP GD 호출을 사용하여 이미지 크기를 동적으로 계산하고 방출 할 수 있습니다. – horatio