← Шпаргалка для адаптации шаблонов

Вставка видео-ролика с YouTube в Almaz CMS →

Вставка флеш-объектов в текст статей либо дизайн сайта

Для вставки флеш-объектов в текст статей либо дизайн сайта в Almaz CMS интегрирована JavaScript библиотека SWFObject. Файлы ее располагаются в папке plugins/swfobject. Для того, чтобы в любом месте сайта разместить swf-файл, хоть в тексте статьи, хоть как элемент дизайна сайта Вам достаточно вставить в нужное место очень простой код:

<script type="text/javascript">
swfobject.embedSWF("http://almazcms.com/files/test.swf", "flesh", "300", "120", "9.0.0");
</script>

Для тех, кто слабо знаком с HTML:
1. параметр embed type="application/x-shockwave-flash" означает, что это флеш-объект;
2. параметр src="http://almazcms.com/files/test.swf" - это URL swf-файла;
3. параметр "flesh" - это идентификатор места вставки флеш-объекта. (например, можно приведенный выше код указать в конце метаданных но обязательно после вызова скрипта swfobject.js, а в том месте страницы, где должна быть флешка вставить <div id="flesh"></div> или: <span id="flesh"></span>).
4. параметры width="300" height="120" - соответственно ширина и высота объекта.

Проще не придумать.

Для пользователей с отключенным показом флеш-содержимого сайта можно прописать вариант с альтернативой:

<div id="flesh">
    <script type="text/javascript">
swfobject.embedSWF("http://almazcms.com/files/test.swf", "flesh", "300", "120", "9.0.0");
</script>
    <noembed>
     <p>У Вас отключен показ флеш в настройках браузера...</p>
    </noembed>
</div>

Пример:

Работает также такой код, но этот вариант не валиден для XHTML 1.1:

<div>
<embed type="application/x-shockwave-flash" src="http://almazcms.com/files/test.swf" width="300" height="120" />
</div>

Нет времени прочесть? Поставьте закладку:

← Шпаргалка для адаптации шаблонов

Вставка видео-ролика с YouTube в Almaz CMS →