Здравствуйте.
Допустим есть элемент:
<div id="div-image"></div>
Внутри есть какое-то содержимое.
Такой вопрос. Можно ли разделить этот блок на визуальные части, чтобы затем на них повесить события?
Например:
$("#div-image").hover(function(){
// здесь что-то делаем
});
Здесь при наведении курсора мыши на блок что-то делаем. А мне нужно, чтобы при наведении курсора мыши на первые 30% по ширине блока что-то делаем, и при наведении мыши на следующие 70% делаем уже другое.
То есть как-так нужно:
$("#div-image"*30%_по_ширине).hover(function(){
// здесь что-то делаем
});
$("#div-image"*70%_по_ширине).hover(function(){
// здесь делаем другое
});
В качестве примера: FACEBOOK. Там при просмотре картинки если кликнуть по первой трети картинки - то переход на предыдущую картинку, если кликнуть по центру или правой части картинки - то переход к следующей картинке.
Подскажите пожалуйста как можно реализовать подобное с помощью jQuery?