Axeligenering Сообщение 27/08/2012 08:34 Копия темы
Эффект разворачивания Друзья, подскажите можно как то на jquery сделать эффект разворачивания блоков, как свитков. Что бы при наведении было ощущение что что лист разворачивается?

Может какой то примерчик где то попадался?

Заранее всем  спасибо!

Axeligenering Сообщение 27/08/2012 08:43 Копия темы
я так понимаю это в любом случае через animate делать. Но получается что блок просто разъезжается. А как нибудь сделать что бы было ощущение что рулон разворачивается?

JohnRight Сообщение 27/08/2012 09:15 Копия темы
Может попробовать подогнать под задачу плагин "Облако тегов", в нем довольно реалистично сделан объем

Pastaraje Сообщение 27/08/2012 09:19 Копия темы
Можно попробовать к нижней части свитка, которая собственно опускается, задать такую функцию 
.animate({
'backgroud-position', '0 100%'  //меняем позицию бекграунда
},
400  //время в мс. должно совпадать с временем разворачивания. по умолчанию 400
);  
Осталось отрисовать нижнюю часть свитка, во всех возможных при разворачивании ракурсах.

Axeligenering Сообщение 27/08/2012 09:28 Копия темы
В принципе думал об этом.
Т.е. я думал сделать див, который будет разъезжаться, а в нем, прикрепленный к низу другой див, в котором сделать картинку свитка (торцевой части как бы), которая будет вращаться во время раскрывания свитка, через rotate например

Ваш вариант в принципе почти тоже самое.

Вот только не естественно будет наверно все это смотреться. Хотя пока не сделаешь не поймешь))) Надо попробовать в общем

JohnRight Сообщение 27/08/2012 10:01 Копия темы
Был у меня такой...

Axeligenering Сообщение 27/08/2012 10:04 Копия темы
Ну это же просто гифа анимированая))

Axeligenering Сообщение 27/08/2012 10:32 Копия темы
друзья, подскажите, как сделать что бы он по сто раз не открывался/закрывался, если 100 раз навести

$(document).ready(function(){
$("#scroll").mouseenter(function(){
$('#scroll>#block').slideDown('slow');
}).mouseleave(function(){
$('#scroll>#block').slideUp('slow');
});
$('#scroll>#block').stop();
});

Axeligenering Сообщение 27/08/2012 10:33 Копия темы
.stop() останавливает все

Axeligenering Сообщение 27/08/2012 11:51 Копия темы
вечно забываю про slideToggle )))

JohnRight Сообщение 27/08/2012 12:51 Копия темы
>> Ну это же просто гифа анимированая))
Да, так и есть, анимашка. С нее нарезается верх, середина(она бесшовная), и низ. Дальше делается анимация...