Untuk mengubah ukuran, lokasi dan label untuk slider zoom Anda dapat menggunakan pilihan di esri.config. Berikut ini adalah contoh yang mengubah lokasi dan ukuran :
function init() { //set position of slider at 10 pixels offset from right/top of map //set slider height to 100 pixels esri.config.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"300px" };
Untuk script panah berikut dibawah adalah beberapa css yang mengubah gambar panah. Dalam hal ini saya memiliki script yang berisi dua panah (atas dan bawah). Posisi ditentukan untuk panah atas dan bawah menggunakan background-posisi menentukan lokasi gambar individu dalam script. Jika Anda menggunakan alat seperti ini untuk menghasilkan script itu akan menyediakan Anda dengan coords lokasi untuk masing-masing gambar yang terkandung.
Code :
.claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH, .claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV { background: url("../images/arrows.png") no-repeat top left; border: 1px solid #B5BCC7; border-radius: 2px 2px 2px 2px; font-size: 1px; } .claro .dijitSliderDecrementIconV { background-position: 0 0; width:16px; height:16px; border: none; } .claro .dijitSliderIncrementIconV { background-position: 0 -66px; width:16px; height:16px; border:none; }
Semoga membantu..
function init() { //set position of slider at 10 pixels offset from right/top of map //set slider height to 100 pixels esri.config.defaults.map.slider = { right:"10px", top:"10px", width:null, height:"300px" };
Untuk script panah berikut dibawah adalah beberapa css yang mengubah gambar panah. Dalam hal ini saya memiliki script yang berisi dua panah (atas dan bawah). Posisi ditentukan untuk panah atas dan bawah menggunakan background-posisi menentukan lokasi gambar individu dalam script. Jika Anda menggunakan alat seperti ini untuk menghasilkan script itu akan menyediakan Anda dengan coords lokasi untuk masing-masing gambar yang terkandung.
Code :
.claro .dijitSliderDecrementIconH, .claro .dijitSliderIncrementIconH, .claro .dijitSliderDecrementIconV, .claro .dijitSliderIncrementIconV { background: url("../images/arrows.png") no-repeat top left; border: 1px solid #B5BCC7; border-radius: 2px 2px 2px 2px; font-size: 1px; } .claro .dijitSliderDecrementIconV { background-position: 0 0; width:16px; height:16px; border: none; } .claro .dijitSliderIncrementIconV { background-position: 0 -66px; width:16px; height:16px; border:none; }
Semoga membantu..
0 Komentar
Terimakasih telah berkomentar