jQuery - эффект окна с открытым окном

Я ищу эффект jQuery, который открывает div как окно с крыльями. Поэтому каждое крыло идет в сторону.jQuery - эффект окна с открытым окном

Пример:

example

Я пытался искать Интернет, но не повезло. Возможно, кто-то знает название этого эффекта или лучше ссылку или технику для достижения такого эффекта.

Благодарим вас за ссылки/код/предложения.

источник

2014-12-03 Ing. Michal Hudak

Вы Тринг анимацию? Если нет, попробуйте создать щелчок по jquery, который изменит изображение образа – zwitterion

. Угадайте, это поможет вам. Http: //thefinishedbox.com/files/tutorials/slidingdoors/index.html – Sarath

у вас должно быть три отдельных изображения, затем анимация используя 'keyframes' в css3 –

Если вы Тринг анимации здесь вы решение

<div class="img"> 
    <img id="imgTest" src="http://thezonemag.files.wordpress.com/2011/07/open-window.jpg" alt="Klematis" width="110" height="90"> 
</div> 


$(document).on("click", "#imgTest", function(e){ 
     e.preventDefault(); 
     $(this).attr("src","http://i639.photobucket.com/albums/uu112/mich36/Tropical-Breeze.jpg"); 

    });

http://jsfiddle.net/87bmncex/

источник

2014-12-03 07:47:53 zwitterion

После его изменения вам не нужно снова устанавливать attr ... – Riad

вы можете создать класс« open ». Затем внутри yor code if (! $ (This) .hasClass ("open")) {напишите свой код, чтобы открыть} – zwitterion

http://jsfiddle.net/87bmncex/1/ – zwitterion

jQuery - эффект окна с открытым окном

ответ

Смежные вопросы