간단하고 일반적으로 사용되는 슬라이드쇼 구현 code_jquery

<제목>PPT 데모< style type="text/css">
.ppt-container, .ppt-container li, .ppt-container img {
여백: 0; 🎜>padding : 0;
border : 0;
}
.ppt-container {
width : 752px /*표시되는 크기에 따라 컨테이너의 너비와 높이를 설정합니다. 이미지*/
높이: 328px;
위치: 상대;
}
.ppt-container img {
너비: 100%; 높이: 100%;
.ppt-container .hide {
표시 : 없음
}
.ppt-container ul.image-list li {
위치 : 절대
0px; 🎜>왼쪽: 0px;
}
.ppt-container ul.button-list {
목록 스타일: 없음
위치: 절대
오른쪽: 20px; : 20px;
}
.ppt-container ul.button-list li {
float : left;
padding-right : 10px;
}
.ppt-container ul. 버튼 목록 범위 {
배경: #E5E5E5;
줄 높이: 20px;
디스플레이: 블록; : 기본값;
}
.ppt-container ul.button-listspan.selected {
색상 : #FFF
배경 : #FF7000