Как я могу добавить изображение к западному переключателю?

Question

Я пытаюсь добавить изображение к переключателю (это полоса слева, которая становится оранжевой, когда курсор мыши перемещается над ней). Как я могу добавить изображение там?

Вы можете увидеть пример здесь:

http://jsfiddle.net/XjA4v/

HTML

<div class="ui-layout-center" id="inner">
    <div class="ui-layout-center">Inner Center</div>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-west">West</div>

Javascript

myLayout = $('body').layout({ //    reference only - these options are NOT required because 'true' is the default
    //applyDefaultStyles: true,
    //stateManagement__enabled: true,

    closable: true, // pane can open & close
    resizable: true, // when open, pane can be resized 
    slidable: false, // when closed, pane can 'slide' open over other panes - closes on mouse-out
    livePaneResizing: true,

    north__size: 100,
    north__minSize: 100,
    north__maxSize: 100,
    north__closable: false,
    north__resizable: false,
    north__spacing_open: 0,
    north__spacing_closed: 0,

    west__size: 177,
    west__minSize: 50,
    west__maxSize: 260,
    west__togglerLength_closed: '100%', // toggle-button is full-width of resizer-bar
    west__spacing_closed: 20, // big resizer-bar when open (zero height)
    west__initClosed: true
});

Answer 1

 .ui-layout-toggler-hover{
    background:url(''); //your image url
 }

http://jsfiddle.net/XjA4v/1/