увеличение DIVa

[brutka]

как сделать увеличение DIVа, при нажатии на него (желательно с анимационным эффектом увеличения), то есть не просто div появился, а чтобы видно было что он увеличился из ЭТОГО ДИВа?
внутри дивов будет флеш (если это влияет на реализацию).

посдкажите, пожалуйста.

 

[Phrack]

$(document).ready(function(){
 $("#someID").click(function(){
      $(this).animate({width:'+=200'},{queue:false, duration:2000})
             .animate({height:'+=200'},{queue:false, duration:2000});
 })
})

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

jquery ftw

 

[brutka]

Phrack, Спасибо.
Вопрос все еще открыт: хотелось бы БЕЗ JS фреймворков, т.к. это первая старинца сайта - чтобы максильно легкая старница осталась.

 

[hotx]

Использовать классы: например - вот этот Для просмотра ссылки Войди или Зарегистрируйся
Или использовать функции: например - вот эти Для просмотра ссылки Войди или Зарегистрируйся

 

[homa1denis]

Без JS не получится... да они сильно грузить страницу не будут...

 

[bork75]

Зачем делать увеличение дива если используешь flash?
Делай анимацию самого флеша при клике.

Можно разместить flash в парящем диве с абсолютным позиционированием. Флеш с прозрачным фоном.

В первом кадре, например твой div нарисован, с кодом AS2 на первом кадре

stop();

На кнопку вешаешь код. Переход по клику на второй кадр.

on(release) {
	gotoAndPlay(2);
}

Во втором кадре тоже

stop();

И там плавная анимация твоего дива на увеличение.

 

[ИрИваныч]

jquery - лучшее решение, нагрузки сильной не дает, зато можно сделать все максимально красиво и просто

 

[Allary]

<div style="width:100px;height:100px;" onClick="resize_div(this,200,200)"></div>
Без фреймворков

function resize_div(sender, newW, newH)
{
    sender.style.width = newW;
    sender.style.height = newH;
}

А вот Для просмотра ссылки Войди или Зарегистрируйся можно почитать как сделать несложную анимацию

 

[Shery]

Тоже не понимаю, зачем мешать в кучи и JS и Flash, если ролик там уже и так присутствует...?