다운로드
> 간단한 자바 스크립트 슬라이드 쇼를 만드는 방법
또한 JS로 알려진 자바 스크립트, DOM (문서 객체 모델) 요소를 조작하는 데 사용되는 웹 스크립팅 언어. 그것은 HTML에서 객체와 상호 작용하는 크로스 플랫폼 기술입니다. HTML에서 여러 다른 개체에 액세스하여, 당신도 순수 자바 스크립트 코드와 간단한 자바 스크립트 슬라이드 쇼를 실현할 수있다.
이 문서에서는 간단한 줄 것이다 자바 스크립트 슬라이드 쇼 당신이 당신의 웹 사이트에 이미지 슬라이드 쇼를 추가 할 수 있도록 예를. 당신은 포함뿐만 아니라 슬라이드 쇼의 속도를 할 무엇을 어떻게 많은 이미지를 제어 할 수 있습니다. 단지 페이드 전환 효과는 자바 슬라이드 쇼에 사용된다. 등 더 많은 전환 효과, 슬라이드 쇼 제목, 이미지 하이퍼 링크로 이미지 슬라이드 쇼,보다 효율적으로 컨트롤을 얻으려면, 당신은 같은 더 강력한 슬라이드 쇼 메이커를 사용하는 것이 좋습니다 플래시 갤러리 팩토리 바로 귀하의 웹 사이트에 눈길을 끄는 프로그램을 추가합니다.
또한 학습에 의해 더 나은 자바 스크립트 슬라이드 쇼 자바 스크립트 코드를 확장하는 고급 자바 스크립트 프로그래머가 될 수있는 자바 스크립트 과정을 W3C.com에. 지금 단계로 간단한 자바 스크립트 슬라이드 쇼 단계를 설정하는 방법을 참조하십시오.
1 JS 슬라이드 쇼 코드 예제에서 시작하기
처음부터 자바 스크립트 슬라이드 쇼 코드를 작성할 필요가 없습니다. 여기입니다 자바 스크립트 슬라이드 쇼 예 (1킬로바이트, 우편) . 다운로드하여 컴퓨터에 압축을 풉니 다. 우리는 단순히 필요에 맞게 수정합니다. 당신은 하나의 자바 스크립트 - 슬라이드 쇼 - example.html 파일을 얻을 것이다.
2 이미지 이름, 이미지 경로를 변경, 슬라이드 쇼 속도를 JS
여러분이 좋아하는 텍스트 편집기를 열고 파일에 포함 된 사항에 따라 변경합니다.
- 슬라이드 지속 시간을 변경하려면로 이동 slideShowspeed의 매개 변수입니다.
- 더 많은 이미지를 추가 단지 복사하여 붙여 넣으려면 [0] = '1.JPG'그림을 선, 및 대응 배열 번호와 이미지 파일 이름을 변경합니다. 이미지가 폴더에 저장하는 경우, 예를 들어, 이미지, 그림 [0] = '이미지 / 1.JPG'와 같은 관련 경로를 사용합니다. 또한 여기에 절대 이미지 주소를 사용할 수 있습니다.
3 웹 페이지에 삽입하기 자바 스크립트 슬라이드 쇼
이제 당신은 포함 할 웹 페이지 열기 자바 스크립트 슬라이드 쇼를 . 복사 및 전체 <script>를 붙여 <head>와 </ head> 사이의 장소에 태그입니다. 페이지를 추가하여로드 할 때 다음 페이지가 자바 스크립트 슬라이드 쇼를 시작하자 에 onLoad = "javaSlideShow ()" <body> 태그에 속성을. 마지막으로, 자바 스크립트가 페이지의 오른쪽 위치에 표시합니다. 이렇게하려면, 그냥 있어야 할 곳에에 <표>와 </ 테이블> 태그 사이에 코드를 삽입.
4 저장 및 미리보기 자바 스크립트 슬라이드 쇼
확인, IT 및 미리보기를 저장합니다. 모든것이 제대로되면, 당신은 볼 수 있습니다 이 같은 자바 스크립트 슬라이드 쇼를 .
제품 관련 문의? 우리의 지원 팀에 직접 이야기 >>
다운로드
