wSlide - 기본적인 예제들

Code et explications

어느나라 말인지 잘 모르겠음
대충 느낌상 설명하자면
ul의 아이디가 parent1라면
자동링크의 아이디는 parent1-memu 로 자동 설정된다.
라는 뜻인거 같음
아무튼 너비와 높이만을 지정하여 사용하는 가장 간단한 형태

$('#parent1').wslide({
	width: 450,
	height: 200
});

Code et explications

먼저 활성화해서 보여줄 부분을 지정할수 있다.
pos 로서 인덱스를 지정한다.
인덱스는 1부터 시작한다.
horiz: true 는 옆으로 움직이라는 뜻인거 같음
default는 세로로 움직임

$('#parent2').wslide({
	width: 250,
	height: 250,
	pos: 4,
	horiz: true
});

Code et explications

col 로서 몇개 단위로 블록? 을 지정할건지 지정한다.
자동링크의 아이디를 autolink: '메뉴아이디' 와 같이 지정할수 있다.
그리고 와 같이 메뉴의 위치를 지정할수있다
이페이지를 소스 보기 하면 정확히 알수 있음

$('#parent3').wslide({
	width: 250,
	height: 300,
	col: 4,
	autolink: 'menu3'
});

Code et explications

autolink: false 설정을 통해 자동링크를 사용하지 않을 수 있다.
대신 직접 코딩해주여야 한다.
링크는 ul아이디-1, ul아이디-2와 같은 인덱스를 추가하여 걸어준다.
fade: true 로서 천천이 사라지는 효과를 줄수 있다.
duration: 2000 로서 사리지는 시간을 지정할수 있다.
단위는 1000분의 1초

$('#parent4').wslide({
	width: 400,
	height: 250,
	autolink: false,
	fade: true,
	duration: 2000
});