Изменение размера div при клике на флеш-ролик

[djakovka]

Здравствуйте

что-то торможу и не придумать сходу, а надо срочно, подскажите

при загрузке страницы div имеет высоту 200, изображение на ролике, который вставлен в этот div, пока ролик не активен - видно целиком, но на самом деле ролик шире и когда он становится активным - изображение перестает влезать, надо при запуске ролика (при клике мышкой) чтоб div становился шире.. как это лучше сделать?

:o


заранее спасибо всем ответившим


зы: чего-то я тему не там открыла и видимо ее уже не удалить :(

[alexcon314]

/**
expanding hero area for flash content
called from flash movie with hero.expand(duration) / hero.collapse(duration)
where duration is in msec
*/
это взято из http://www.mazda.ru//Javascript/general.js?d=081003
вы эту либу добавили на вашу страницу?
Посмотрите как там сделано, ну и jQuery в помощь.

[djakovka]

это взято из http://www.mazda.ru//Javascript/general.js?d=081003
вы эту либу добавили на вашу страницу?
Посмотрите как там сделано, ну и jQuery в помощь.

это все добавила сразу, но оно не заработало

там еще такой момент - почему-то библиотека swfObject не работает, везде используется flashobject, соответственно и я вставила с помощью последней, а general.js как я поняла - для первой.. может быть посоветуете еще что-нибудь?

[alexcon314]

Если вы покажете код вашей страницы с роликом, то может и прояснится что-то..

[djakovka]

это подключается в head
---------- это изначально было на странице ------
<script type="text/javascript" src="/mazda_template/Javascript/swfobject.js"></script>
<script type="text/javascript" src="/mazda_template/Javascript/flashobject.js">
<script type="text/javascript" src="/mazda_template/Javascript/general.js"></script>
----------- это я добавила с сайта мазда.ру-------------------------
<script type="text/javascript" src="/data/cx7/general.js"></script>
<script type="text/javascript" src="/data/cx7/jquery-1.3.2.min.js"></script>
---------------------------------------------------

это уже в теле, касательно интересующего ролика:
-----------------------------------------------
<!-- ContentBox -->
<div id="mainContainer">

<!-- EXPANDING HERO -->
<div id="expanding-hero">
<div id="flashHero"><!-- content managed -->

<script type="text/javascript">
// <![CDATA[
var fo = new FlashObject("/data/cx7/showroom.swf", "flashHero", "968", "500", "9", "#ffffff");
fo.addParam("wmode", "opaque");
fo.addParam("quality", "high");
fo.addParam("allowScriptAccess", "always");
fo.addParam("scale", "exactfit");
fo.addVariable("xml_loc", "%2futils%2fvirtualdrivecontenthandler.ashx%3fmodel%3dcx-7%26rand%3d634165804643868750");
fo.addVariable("lcConn_01", "connection01_634165804643712500");
fo.addVariable("lcConn_02", "connection02_634165804643712500");
fo.setAttribute("id", "expandDemo");
fo.write("flashHero");
// ]]>
</script>

</div>
</div>
<span class="bg_hero"><img src="/data/cx7/images/expand_hero_line.jpg"

width="968" height="1" alt="" /><br /><br /></span>

<!-- END EXPANDING HERO -->
-----------------------------------------------

[alexcon314]

Странно.. мы сейчас говорим об одной и той же начальной странице ( http://www.mazda.ru/showroom/cx-7/overview/)?
Вот что вижу я:
...
<script type="text/javascript" src="/Javascript/lib/jquery-1.3.2.min.js?d=081003"></script>
<script type="text/javascript" src="/Javascript/lib/jquery-jcarousel.js?d=081003"></script>
<script type="text/javascript" src="/Javascript/lib/swfobject.js?d=081003"></script>
<script type="text/javascript" src="/Javascript/general.js?d=081003"></script>
<script type="text/javascript" src="/Javascript/bulbselector.js?d=081003"></script>

<!-- TODO: insert javascript here from Hero -->
<script type="text/javascript">
// <![CDATA[
swfobject.embedSWF("/upload/global/hero/showroom/vd/cx-7/showroom.swf", "flashHero", "968", "500", "9.0.0",
"Javascript/lib/expressInstall.swf",
{ xml_loc: "%2futils%2fvirtualdrivecontenthandler.ashx%3fmodel%3dcx-7%26rand%3d634170406725681250", lcConn_01: "connection01_634170406725681250", lcConn_02: "connection02_634170406725681250" },
{ quality: "high", bgcolor: "#ffffff", wmode: "opaque", scale: 'exactfit', allowscriptaccess: 'always', allowFullScreen: 'true'},
{ id: "expandDemo" }
);

// ]]>
</script>

<script type="text/javascript">
// <![CDATA[
swfobject.addDomLoadEvent(function () {
if (!window.expandDemo) {
window.expandDemo = document.getElementById('expandDemo');
}
});
// ]]>
</script>
<title>
Mazda - Mazda CX-7 - Обзор
</title></head>
Как видите, нету никакого flashobject.js. Насколько я понимаю, swfobject.addDomLoadEvent(), играет немаловажную роль.

[djakovka]

да, именно оттуда я брала ролик и библиотеки

а что смущает? я не целиком страницу копировать должна была а в существующую вместо картинки вставить ролик

Добавлено через 8 минут
Странно.. мы сейчас говорим об одной и той же начальной странице ( http://www.mazda.ru/showroom/cx-7/overview/)?
Вот что вижу я:

да, был такой код, я его немного переделала, т.к библиотека swfobject не работает

и этого <script type="text/javascript">
// <![CDATA[
swfobject.addDomLoadEvent(function () {
if (!window.expandDemo) {
window.expandDemo = document.getElementById('expandDemo');
}
});
// ]]>
</script> нет в коде сейчас, т.к все равно ничего от добавления не меняется (я пыталась написать вместо fo.addDomLoadEvent

Добавлено через 16 минут

Как видите, нету никакого flashobject.js. Насколько я понимаю, swfobject.addDomLoadEvent(), играет немаловажную роль.

вот это наверное все же ключевая фраза, я тоже всё смотрела на эту строчку, но почитала в яндексе - гугле - вроде она просто до загрузки объекта создает элемент, если он не создан еще.. неужели в самом деле она.. :eek: