Slider

There are slider and slider-sphere.

CSS Definition

Description

Default Values

span.slider-btn

Button background of slider

background-image: url(${c:encodeURL('~./zul/img/slider/btn.gif')});

background-repeat: no-repeat;

width: 13px; height: 17px;

display:-moz-inline-box;

vertical-align:top;

display:inline-block;

td.slider-bk

Center background of slider

background-image: url(${c:encodeURL('~./zul/img/slider/bk.gif')});

height: 17px;

td.slider-bkl

Left background of slider

background-image: url(${c:encodeURL('~./zul/img/slider/bkl.gif')});

width: 4px; height: 17px;

td.slider-bkr

Right background of slider

background-image: url(${c:encodeURL('~./zul/img/slider/bkr.gif')});

width: 4px; height: 17px;

span.slidersph-btn

Button background of slider-sphere

background-image: url(${c:encodeURL('~./zul/img/slider/btnsph.gif')});

background-repeat: no-repeat;

width: 17px; height: 20px;

display:-moz-inline-box;

vertical-align:top;

display:inline-block;

td.slidersph-bk

Center background of slider-sphere

background-image: url(${c:encodeURL('~./zul/img/slider/bksph.gif')});

height: 20px;

td.slidersph-bkl

Left background of slider-sphere

background-image: url(${c:encodeURL('~./zul/img/slider/bklsph.gif')});

width: 4px; height: 20px;

td.slidersph-bkr

Right background of slider-sphere

background-image: url(${c:encodeURL('~./zul/img/slider/bkrsph.gif')});

width: 4px; height: 20px;