3 단계로 다이내믹 포토 갤러리 만들기
디지털 카메라를 가지고 있다면 기억에 남을 순간을 담은 디지털 사진 갤러리도있을 것입니다. 당신은 디지털 포토 갤러리가있는 경우,당신은 매우 일반적인 문제로 실행 한 거의 확신:정리그들은 쉽게 검색 및 색인 할 수 있도록 사진을.
지금,당신은 이것을 모를 수도 있지만,대부분의 디지털 카메라는 자동으로 그들이 만드는 이미지의 헤더에 설명 메타 데이터를 포함. 이 헤더에는 카메라 제조업체 및 모델,시간 및 사진에 대한 정보가 포함되어 있습니다.사진을 찍은 날짜,사진의 기술 사양(셔터 속도,조리개 등)및 이미지의 축소판. 또한 많은 이미지 편집자를 사용하면 자동으로 생성 된 헤드 어를 자신의 설명 텍스트로 보완 할 수 있습니다(예:”샐리의 첫 번째 축구 게임”또는”몰타에서 술에 취하기”).
나는 당신이 내가 어디로 가고 있는지 볼 수 있다고 확신한다. 상상력의 약간과창의적 사고,그것은 당신에 의해 생성 된 헤더를 사용하는 것이 가능카메라(그리고,당신은 시간과 동기 부여가있는 경우,더 당신에 의해 보충)자동으로 구성하고 사진 컬렉션을 설명합니다. 이 문서에서는 방법을 보여줍니다.1 단계:이 작업을 수행하려면 다음 단계를 따르세요. 이 지원을 사용할 수 있는지 여부를 확인할 수 있습니다.
목록
<?100000000000>
웹 브라우저에서 이 스크립트의 출력을 보고 확장 목록을 검토하여 이 스크립트가 포함되어 있는지 확인합니다. 이 경우 다음 단계로 이동하십시오. 그렇지 않은 경우,이 기능을 활성화해야 합니다.이 문제를 해결하려면 다음을 수행하십시오. 이 작업을 수행하는 방법에 대한 자세한 내용은
2 단계: 사진을 단일 디렉토리로 이동
그런 다음 모든 사진을 웹 서버 문서 루트 아래의 단일 디렉토리로 수집합니다. 이 또한(이 필수적인 것은 아니지만)각 이미지에 자신의 설명 주석을 추가 할 수있는 좋은 시간이다. 좋은 쉐어웨어 및 프리웨어 도구의 수는 당신이 할 수 있도록 사용할 수 있습니다;윈도우 또는 로보포토에 대한 엑시퍼를 살펴보십시오.
3 단계: 5312>
여기에 두 개의 스크립트가 있습니다:첫 번째,갤러리.두 번째,썸네일 동안.이 경우,모든 사진은 축소판 이미지를 추출하는 데 사용됩니다.
갤러리 코드는 다음과 같습니다.
<html>
<head></head>
<body>
<table>
<?다음 예제에서는 다음과 같이 설명합니다.”;
//파일 반복
//
(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)(
)1000000000002018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월;이 응용 프로그램을 사용하면 전체 이미지(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)에 대한 링크(5680)빌?2018 년 11 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월 1 일,2018 년 12 월=-1>”;
// 파일 이름을 가져 오기
에코”파일:<비>”. 2018 년 “</비><브롬/>”;
// 타임 스탬프
가져 오기”타임 스탬프:”에코. 2018 년 “<브롬/>”;
// 이미지 크기를 가져 오기
에코”크기:”. 2018 년 “엑스”. 2018 년 “<브롬/>”;
// 카메라 제조업체 및 모델 가져 오기
에코”카메라:”. $;
에코”</글꼴><>”;
}
}
($);
}
}
?>
</표>
</몸>
</이 함수는 각 이미지의 헤더를 아나레이로 읽기 위해 사용됩니다. 각 이미지는 썸네일에서 제공하는 정보를 사용하여 썸네일로 표시됩니다.그 자체가 상위 이미지에 하이퍼 링크되어 있습니다. 관련 정보(이미지 이름,크기,타임 스탬프 및 카메라 모델)는 이러한 헤드러에서 추출되어 각 썸네일과 함께 표시됩니다.
이미지에 자신의 주석을 추가 하려면
참고:카메라 제조업체마다 다른 방식으로 헤더를 사용합니다. 위의 스크립트의 출력에서 일부 정보가 누락된 것으로 보이는 경우 카메라 데이터를 정확히 어떻게 쓰는지 확인하고 위의 스크립트에서 배열 키를 적절하게 조정해야 합니다.이 코드에는 다음과 같은 코드가 있습니다.2015 년
<?다음 예제에서는 다음과 같이 설명합니다.”;
$이미지=
이 스크립트는 매우 간단합니다. 그런 다음 이 썸네일은 표시를 위해 적절한 헤더와 함께 브라우저로 전송됩니다.
사진이 포함 된 디렉토리에 이러한 스크립트를 모두 배치 한 다음 웹 브라우저를 사용하여 갤러리에 액세스하십시오.
그림 1 은 출력이 어떻게 생겼는지에 대한 예입니다:
그림
예제 스크린 샷
그리고 당신은 그것을 가지고 있습니다—자동으로 생성 된 사진 갤러리! 새 이미지를 폴더에 복사하면 갤러리 목록에 자동으로 표시됩니다.그 깔끔한 아닌가요?
주: 3 단계에서 만든 스크립트를 사진이 포함된 디렉토리와 다른 디렉토리에 배치할 수 있습니다.