프로젝트 마무리 - 웹 사이트용 HTML5

웹 사이트 소스 코드(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> 또는<body>)에 정렬된 기본 센터입니다. 이것을 수정하려면 <iframe>를 포함한 <div>에서 다음을 수행: