웹 사이트용 HTML5로 내보내면, PhotoStage 프로젝트의 클립을 사용하여 슬라이드쇼를 만들고, 그것을 웹 사이트에 통합할 수 있습니다. 웹 사이트 소스 코드(HTML, CSS, 자바스크립트)와 이미지 종속성은 선택한 대상 안에 만들어집니다. 현재, 적용된 효과(애니메이션 제외)와 크로스페이드 전환이 있는 이미지만 지원됩니다. 내보내기 옵션 다음 옵션은 내보내기 대화상자에서 사용할 수 있음: - 다음으로 저장: 웹 사이트 파일들이 저장될 디렉토리입니다. 소스 파일(html - slideshow.html, css - slideshow_style.css 및 자바스크립트 - slideshow_script.js)들은 루트 디렉토리에 저장되며 html 이미지 종속성은 'html'이라는 이름의 폴더 내에 저장됩니다.
- 해상도: 출력 슬라이드쇼 이미지의 해상도입니다. 콘텐츠 자동 일치 선택하여 모든 이미지에 맞는 가장 작은 해상도를 선택합니다.
- 출력 옵션:
- 페이지 로드에서 슬라이드쇼를 자동으로 재생: 페이지 로드에서 슬라이드쇼를 자동으로 재생하고, 재생 버튼을 표시하지 않습니다.
- 자동으로 슬라이드쇼를 반복: 재생 중에 슬라이드쇼를 자동으로 반복
- 전체 화면 버튼 포함: 슬라이드쇼 오른쪽 하단에 슬라이드쇼를 전체 화면으로 표시하는 데 사용되는 전체 화면 버튼을 추가합니다.
- 슬라이드쇼 아래에 탐색 모음을 포함: 슬라이드 사이를 찾는 탐색 모음을 추가합니다.
- NCH 워터마크 포함: 슬라이드쇼의 하단 중앙에 NCH 워터마크를 추가합니다. 워터 마크를 제거하는 것은 유료 기능이며 PhotoStage를 구입하면 제거됩니다.
웹사이트 통합 새로운 웹 사이트에 또는 기존 웹 사이트에 슬라이드 쇼를 추가하는 것은 매우 쉽습니다. 웹 사이트용 HTML5로 내보내기는, 슬라이드쇼로 웹 사이트 제작을 시작하는 데 사용할 수 있는 샘플 HTML 파일(index.html)을 제공합니다. 소스로 slideshow.html에 <iframe> 태그를 포함합니다. 쉬운 레이아웃을 위해, <iframe>은 상위 컨테이너의 크기(예: <div>)를 따릅니다. 슬라이드쇼를 귀하의 기존 웹 사이트에 넣으려면, 다음 코드를 html 파일에 복사하여 붙여넣기 하세요. 슬라이드쇼의 크기를 정의하는 상위 컨테이너 내부에 유사한 <iframe> 태그를 사용합니다. 이를 위해, index.html을 제외한 호스트에 amp;quot;다음으로 저장" 디렉토리 콘텐츠를 복사해야 합니다. <iframe>은 귀하의 웹사이트에 슬라이드쇼를 넣기 위해 사용될 것입니다. 필요에 따라 <div>의 폭과 높이를 조정할 수 있습니다. <div style="width:640px; height:690px; margin:auto">
<!-- iframe의 폭과 너비는 상위 부모의 퍼센트임 -->
<!-- 마진을 "자동"으로 설정하면 div 안에 iframe이 수평으로 중심이동 됨 -->
<!-- 테두리 스타일을 "없음"으로 설정하면 기본 iframe 테두리가 제거됨.r -->
<iframe src="slideshow.html" style="너비:100%; 높이:100%; 여백:자동; 테두리 스타일:없음">
</iframe>
</div> 슬라이드쇼는 상위 수준 컨테이너(예: 다른 <div> 또는<body>)에 정렬된 기본 센터입니다. 이것을 수정하려면 <iframe>를 포함한 <div>에서 다음을 수행: 왼쪽 정렬을 위해 여백:자동을 부동:왼쪽으로 변경, 그리고 오른쪽 정렬을 위해 부동:오른쪽으로 변경합니다. |