<?xml version="1.0" encoding="UTF8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Флеш-баннеры. Детали. Уроки. Нюансы. &#187; Уроки</title>
	<atom:link href="http://www.s-22.com.ua/category/%d1%83%d1%80%d0%be%d0%ba%d0%b8/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.s-22.com.ua</link>
	<description></description>
	<lastBuildDate>Sun, 27 Nov 2011 08:42:19 +0000</lastBuildDate>
	<language>ru</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>SWFObject — вставляем .swf правильно</title>
		<link>http://www.s-22.com.ua/swfobject/</link>
		<comments>http://www.s-22.com.ua/swfobject/#comments</comments>
		<pubDate>Sun, 27 Nov 2011 07:44:51 +0000</pubDate>
		<dc:creator>almighty</dc:creator>
				<category><![CDATA[Уроки]]></category>
		<category><![CDATA[swfobject]]></category>
		<category><![CDATA[вставка флеша]]></category>

		<guid isPermaLink="false">http://www.s-22.com.ua/?p=146</guid>
		<description><![CDATA[Не смотря на то, что это довольно часто встречающийся урок в интернете, я так же, для полной картины, опишу данный способ вставки флеш-роликов на сайт. Для того, чтобы разместить флеш на своем сайте, мы имеем множество способов. В основном, мы используем вставку с помощью тега object, внутри которого идет список тегов с параметрами флеш-ролика param. [...]]]></description>
			<content:encoded><![CDATA[<p>Не смотря на то, что это довольно часто встречающийся урок в интернете, я так же, для полной картины, опишу данный способ вставки флеш-роликов на сайт.<br />
Для того, чтобы разместить флеш на своем сайте, мы имеем множество способов. В основном, мы используем вставку с помощью тега <code>object</code>, внутри которого идет список тегов с параметрами флеш-ролика <code>param</code>. Но у этого способа есть пара недостатков: код для вставки достаточно большой и в браузерах <strong>Opera</strong>, <strong>IE6</strong> и <strong>IE7</strong> присутствует механизм активации активного контента (проще говоря, надо кликнуть по флешке, если хочешь использовать её).</p>
<p>И нам приходит на помощь <strong>SWFObject</strong>.<br />
<strong>Что нам нужно для вставки:</strong><br />
<strong>1.</strong> Скрипт swfobject. Скрипт, как и любой JavaScript, мы размещаем в шапке сайта. Архив с кодом можно скачать внизу статьи.</p>
<p><code>&lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;</code></p>
<p><strong>2.</strong>  Создание div-контейнера с id. Назовем его условно id=&raquo;container_swf&raquo;.</p>
<p><strong>3.</strong>  Внутри контейнера div разместим альтернативный контент, который будет отображаться в случае, если флеш-ролик не будет найден скриптом.</p>
<p><strong>4.</strong> Собственно, код, который всё и решает.</p>
<p><code>&lt;script type="text/javascript"&gt;<br />
var flashvars = {};<br />
var params = {};<br />
var attributes = {};<br />
swfobject.embedSWF("my_flash.swf", "container_swf", "240", "400", "8.0.0", flashvars, params, attributes);<br />
&lt;/script&gt;</code></p>
<p>Разберем этот  код.</p>
<p>Ключевой строкой является   <code>swfobject.embedSWF(); Внутри мы определяем следующее:</code></p>
<p><strong>&laquo;my_flash.swf&raquo;</strong> &#8211; путь  к нашему флеш-ролику</p>
<p><strong>&laquo;container_swf&raquo;</strong> &#8211; название контейнера div, который мы создали во втором пункте.</p>
<p><strong>&laquo;240&#8243;, &laquo;400&#8243;</strong> &#8211; ширина и высота нашего ролика, соответственно.</p>
<p><strong>&laquo;8.0.0&#8243;</strong> &#8211; версия флеш-плеера. В данном случае, мы используем плеер 8-й версии.</p>
<p><strong>flashvars, params, attributes</strong> &#8211; дополнительные параметры, которые не обязательны, но в некоторых случаях нам очень помогут.</p>
<p>Для баннеров эти параметры не пригодятся вам, кроме одного случая, когда баннер должен быть с прозрачными краями. Например, круглый баннер rich-media, который позиционируется сверху основного контента.</p>
<p>В таком случае, добавляем аттрибут <code>var attributes = {wmode="transparent"}</code></p>
<p>Собственно, вот тот минимум, который позволяет размещать баннеры с помощью SWFObject.</p>
<p>&nbsp;</p>
<p><a href="http://www.s-22.com.ua/wp-content/uploads/2011/11/swfobject.zip">Скачать скрипт SWFObject</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.s-22.com.ua/swfobject/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

