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

NAO111 · 13.02.2010, 10:57

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

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

mooncar · 13.02.2010, 11:09

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

NAO111 · 13.02.2010, 11:11

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

mooncar · 13.02.2010, 11:12

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

NAO111 · 13.02.2010, 11:13

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

mooncar · 13.02.2010, 11:26

Вот, нашел у себя:
В секции <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-ой версии, чего и вам рекомендую.