Today I'll would like to propose to you something on the slidebar. (Look at the snashot under)
You customize your pin(s) scale showing with a reference to a jQuery plugin icon name (or not for no display)
I'm under a work draft yet.
Because my purpose is to propose a full customize setting for the pins positionning (for example : 0% 25% 75% 100% 200% 300% (or other constant values, not in percent...) in purpose for example to set a zoom/xzoom interface or for full others objectives .. )
Source code for an example :
$(document).ready(function (){
$( "#hSlider" ).slider({orientation:'horizontal',
step:5,
scale:{iconName:'ui-icon-triangle-1-s'}
});
$( "#vSlider" ).slider({orientation:'vertical',
step:10,
scale:{iconName:'ui-icon-bullet'}
});
})
The "automatic" pins positioning runs with your value set on the "step" option property.
In first I openning the way with this new option property called "scale" typed with a Json object.
This Json object has just one property for the moment, called 'iconName'.
But in the future my idea'll be to have on this Json object, a second property typed array called "pinsLocate" or (I'm waiting for you to another more significant term .... )
I don't hide to you the first problematic raised with the "standard" 16 X 16 jQuery plugin icon size.
The best will be to have a CSS definition with an easy "geometric" system adaptative for other icon sizes....