JQuery UI - перетаскивание картинки под другой

Тема в разделе "JavaScript", создана пользователем mirek, 22 июн 2012.

Модераторы: ZiX
  1. mirek

    mirek Постоялец

    Регистр.:
    11 июн 2011
    Сообщения:
    149
    Симпатии:
    4
    Необходимо реализовать возможность перетаскивать картинку но так, что-б над картинкой, которую перетаскиваем располагалась другая полупрозрачная на JQuery UI

    з-индексами у меня вышло расположить обе картинки так, что-бы перетаскиваемая находилась с краю верхней.
    И при перемещении соответственно она легко переносится под другой верхней если за нее взяться с края.

    Но необходимо, что перетаскиваемая картинка изначально была в центре неподвижной полупрозрачной верхней

    Можно ли такое сделать ?
     
  2. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    Попробуй прикрутить к полупрозрачной картинке функцию, чтоб при наведении на неё курсора, изменялся z-index той картинки, которую нужно перетащить и она оказывалась сверху полупрозрачной, при уводе курсора чтоб все возвращалось обратно...
    Да... наверняка придется эту же функцию прикрутить к обеим картинкам сразу, иначе будет постоянно колбасить страницу!
     
  3. mirek

    mirek Постоялец

    Регистр.:
    11 июн 2011
    Сообщения:
    149
    Симпатии:
    4
    Соль в том, что картинка которую перетаскиваем должна перекрываться не прозрачными местами той картинки, которая сверху.

    В принципе предложенный подход может сработать только если менять z-index не при наведении, а при щелчке так как иначе перетаскиваемую картинку просто не возможно тащить если она под другой