<script type="text/javascript" src="/highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="/highslide/highslide-ie6.css" />
<![endif]-->

<script type="text/javascript">
	hs.graphicsDir = '/highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.8;
	hs.outlineType = 'rounded-white';
	hs.captionEval = 'this.thumb.alt';
	hs.marginBottom = 105 // make room for the thumbstrip and the controls
	hs.numberPosition = 'caption';

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			className: 'text-controls',
			position: 'bottom center',
			relativeTo: 'viewport',
			offsetY: -60

		},
		thumbstrip: {
			position: 'bottom center',
			mode: 'horizontal',
			relativeTo: 'viewport'
		}
	});
</script>

<a class='highslide' href='../images/thumbstrip01.jpg' onclick="return hs.expand(this)">
		<img src='../images/thumbstrip01.thumb.png' alt='Mountain valley'/></a>

카나다

영국

한국

미국

남아프리카

var hs = {
// Language strings
lang : {
	cssDirection: 'ltr',
	loadingText : '읽는 중입니다...',
	loadingTitle : '취소하려면 클릭하세요',
	focusTitle : '크게 보려면 클릭하세요',
	fullExpandTitle : '실제 크기로 확대합니다 (f)',
	creditsText : '<i>Highslide JS</i>',
	creditsTitle : 'Highslide JS 홈페이지로 가기',
	previousText : '이전',
	nextText : '다음', 
	moveText : '이동',
	closeText : '닫기', 
	closeTitle : '닫기 (esc)', 
	resizeTitle : '크기 조절',
	playText : '재생',
	playTitle : '슬라이드쇼 (사이띄개)',
	pauseText : '중지',
	pauseTitle : '슬라이드쇼 중지 (사이띄개)',
	previousTitle : '이전 (왼쪽 화살표)',
	nextTitle : '다음 (오른쪽 화살표)',
	moveTitle : '이동',
	fullExpandText : '1:1',
	number: '%2개의 이미지 중 %1번째',
	restoreTitle : '이미지를 닫으려면 클릭, 이동하려면 클릭하고 끌기. 이전, 다음 그림은 화살표.'
},

• Highslide JS 핵심
  

• 갤러리
  

• HTML