Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   Общие вопросы о Flash (не затрагивающие ActionScript) (http://www.flasher.ru/forum/forumdisplay.php?f=60)
-   -   Скроллинг мышкой (http://www.flasher.ru/forum/showthread.php?t=136276)

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-ой версии, чего и вам рекомендую.


Часовой пояс GMT +4, время: 02:21.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.