Форум Flasher.ru - Скроллинг мышкой

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- - Скроллинг мышкой (http://www.flasher.ru/forum/showthread.php?t=136276)

Скроллинг мышкой

Есть сайт, на нём флэшка довольно большая по площади. Надо сделать так, чтобы можно было скроллить страницу всю, не сводя курсор с флешки. Видел, что на некоторых сайтах это реализовано, а как сделать не знаю.

Подскажите подалуйста!

Флешка публикуется в блоке со стилем position:fixed.
Правда нужно будет решить проблему с тем, что IE6 не понимает этого, но в инете есть рецепты.

благодарю! то есть влешку надо публиковать со стилем fixed, да?

Да. Блок <div>. А флешка внутри. И не забудьте пофиксить для IE6, есть минимум два решения.

найду) спасибо!!

Вот, нашел у себя:
В секции <head>

Код:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script type="text/javascript" src="../js/swfobject.js"></script>

<script language="javascript">

var fsFlashvars  = false;

var fsParams = { menu: "false",        allowScriptAccess: "always", allowFullScreen: "false",        quality: "high", bgcolor: "#000000", wmode: "transparent", scale: "exactfit" };

var fsAttributes = { id: "flashscreen",  name: "flashscreen", align: "middle" };        

swfobject.embedSWF("../flash/flashscreen.swf", "flashscreen", "100%", "100%", "9.0.0", "../flash/expressInstall.swf", fsFlashvars, fsParams, fsAttributes);

</script>

<!--[if lt IE 7]>

<![if gte IE 5.5]>

<style type="text/css"> 

#flashscreen { position: absolute; top: expression(eval(document.documentElement.scrollTop));}

html {  background: url(about:blank); }

</style>

<![endif]>

<![endif]-->

.

.

.

</head>

Блок внутри IF выполняется только для IE6, это такой прием.

В секции <body>, внутри <div id="flashscreen"> публикуется флешка. Стиль fixed внешнего <div> срабатывает нормально для FF, Opera и должен для IE7.

Код:

<body>

.

.

.

<div style="width:100%; height:100%; left:0px; top:0px; position:fixed;">

<div id="flashscreen">

</div>

</div>

.

.

.

</body>

тут у меня флешка во все окно браузера (100%), но это все легко меняется.
Публикация идет через SWFObject 2-ой версии, чего и вам рекомендую.