WordPress Carousel 플러그인 구축 : Part 3

왼쪽 왼쪽에 할당 될 값을 결정하려면 우리가 어디에 있는지 알아야합니다. 이를 달성 할 수있는 여러 가지 방법이 있으며, 왼쪽 왼쪽 속성의 현재 값 만 사용하는 것을 선택했습니다.

<span>wp_enqueue_script('carousel', plugin_dir_url(__FILE__) . 'carousel.js', array('jquery'), '1.0', true);</span>

이를 달성하기 위해 우리는 마진 왼쪽 속성의 현재 값을 얻습니다. 문제는이 값이 -200%와 같은 숫자를 원한다는 것입니다.“%”를 제거하려면 값을 정수로 변환하는 parseint () 함수를 사용합니다 (예 : '-200%'는 -200이됩니다). 우리는 양의 정수를 원하기 때문에“마이너스”부호를 추가하고 (예 : -200에서 200을 얻기 위해) 100으로 나누어 원하는 값을 얻습니다 (예 : 200이 아닌 2). 왜 우리가 UL.CSS ( 'margin-left')를 사용하여 마진 왼쪽 속성의 가치를 얻지 못한 이유가 궁금 할 것입니다. 실제로 .css ()는 jQuery 방법이며 우리의 맥락에서 더 나은 아이디어 인 것 같습니다. 문제는이 방법이 우리에게 백분율을주지 않는다는 것입니다. 위와 동일한 값을 사용하면 현재 항목이 세 번째 항목 인 경우 마진 왼쪽 속성은 -200%로 설정되고 .css () 메소드는 -1800px를 반환합니다. 이 값을 픽셀로 사용하여 현재 항목을 계산하려면 큰 컨테이너의 너비를 사용해야하며 UL 블록 만 사용하는 것이 좋습니다.

<span>function display_carousel() {
</span>	<span>// …
</span>	<span>// Here we retrieve the links
</span>	<span>// …
</span>	
	<span>if (!empty($links)) {
</span>		<span>wp_enqueue_script(/* parameters listed above */);
</span>		
		<span>// …
</span>		<span>// Display
</span>		<span>// …
</span>	<span>}
</span><span>}</span>

<span>wp_enqueue_script('carousel', plugin_dir_url(__FILE__) . 'carousel.js', array('jquery'), '1.0', true);</span>

<span>function display_carousel() {
</span>	<span>// …
</span>	<span>// Here we retrieve the links
</span>	<span>// …
</span>	
	<span>if (!empty($links)) {
</span>		<span>wp_enqueue_script(/* parameters listed above */);
</span>		
		<span>// …
</span>		<span>// Display
</span>		<span>// …
</span>	<span>}
</span><span>}</span>