How to use Slider

[12年前 に Hon Hwang によって更新されました。]

Hi,

Quick question: how do I use slider module? I understand it's YUI 3's Slider.

So, following YUI3's Slider Doc, I have this in project/docroot/js/main.js:

AUI().ready('node', 'slider', function(A) {

	var mySlider = new A.Slider();
	
	var sliderNodeIDString = '#' + portletNamespace + 'sliderNodeDiv';
    mySlider.render(sliderNodeIDString);
	
}); // End of `AUI().ready(), function(A)`

Where portletNamespace is a JavaScript variable that contains the portlet's namespace. And sliderNodeDiv is

<div id="<portlet:namespace />sliderNodeDiv"></div>

in view.jsp.

What I get is not a slider but the thumbs (4 of them) of a slider. 2 thumbs are white and they are on top, the other 2 are dark and they appear below. I used this on Safari 5.1 and Firefox 5.0.1.

Any ideas? Thanks.

[12年前 に Hon Hwang によって更新されました。]

This post describes my problem exactly; still no solution.

My Liferay version is CE 6.0.6

[12年前 に Kyrre Myrbostad によって更新されました。]

Same code, same problem. Both on Liferay 6.0.11 and Liferay 6.0.12

[10年前 に Habib Zare によって更新されました。]

chane:
var sliderNodeIDString = '#<portlet:namespace/>sliderNodeDiv';