Как вставить угловой flash-баннер на сайт 2 (кроссбраузерное решение)

Понедельник, 9 марта 2009

Как вставить угловой flash-баннер на сайт 2 (кроссбраузерное решение)»

Можно считать этот пост продолжением предыдущего, так, как мне в почту прилетел с десяток писем от читателей, с просьбой найти способ показывать угловой flash-баннер в Internet Explorer. Поэтому пришлось слегка подкорректировать исходник.

Чтобы не изобретать очередной велосипед, при корректировке я использовал скрипт моих друзей с блога codeisart.ru. Любые адекватные замечания по работе скрипта с целью «как сделать лучше» только приветствуются.

Протестировано в IE6, IE7, IE8 Beta 1 (Beta 2 под руками не оказалось, но есть серьёзные подозрения, что и в нём будет работать), Mozilla 2, Mozilla 3, Opera 9, Safari 3, Google Chrome. Работает.

Обновленный скрипт качаем отсюда. Процесс подключения и настроек никак не изменился и подробно описан в прошлом посте.

* * *

Кстати, теперь меня можно найти и в твиттере.

* * *

Сканер блогов:

12 проверенных временем эффективных стратегий получения обратных ссылок на продвигаемый сайт. Полезно для тех, кто продвигает свои ресурсы. И ещё неплохая подборка текстовых редакторов для веб-приложений.

* * *

Теги: , , , .

Категория: HTML/CSS верстка, JavaScript, Полезности.

* * *

Понравилась статья?

Тогда помогите мне сделать её доступной для других, или будьте в курсе последних событий:

* * *

Статьи по теме:

Комментариев: 19

  1. @ Как вставить угловой flash-баннер на сайт | rotorweb.ru | Проблемы и решения в Web-дизайне, 09.03.2009 в 14:06

    [...] UPD: по многочисленным просьбам доработал скрипт до кроссбраузерного варианта. [...]

    Ответить

  2. Lesso, 10.03.2009 в 11:18

    А возможно сделать решение, чтоб оно JS отображало вместо картинки или flash? Или прям в этом можно пару строк поменять и будет работать?

    Ответить

  3. rotor, 10.03.2009 в 12:41

    Lesso, не совсем понял о чем вы, JS чтобы отображал JS? Можно подробнее?

    Ответить

  4. Octane, 11.03.2009 в 22:53

    В Internet Explorer 8 RC1 тоже работает :-)

    Эх… научиться бы самому такие штуки на ActionScript делать :-[

    Ответить

  5. Wasly, 12.03.2009 в 1:32

    «Кроссбраузерное решение» не показывает что у неё инсайд даже в Лисе. Или так и задумано? ;)

    Ответить

  6. rotor, 12.03.2009 в 1:42

    Показывает, только нетерпеливым нужно дождаться полной загрузки страницы ;)

    Ответить

  7. Wasly, 12.03.2009 в 11:50

    Кхе-кхе... О загрузке какой страницы идёт речь?

    Я запускал index.htm из архива pagepeel (2).rar

    Флэш-баннер в «старом» примере раскрывается при наведении на него мыши моментально.

    В «новой» редакции баннер не раскрывается вообще. :\

    Ответить

  8. rotor, 12.03.2009 в 12:44

    Я писал об этом, в прошлом посте, что тестирование локально может быть затруднительным ;) Браузеры блокируют подключение скрипта к сети.

    При тестировании онлайн все Ok :)

    Ответить

  9. techlabs, 16.03.2009 в 11:04

    Скрипт плохо работает в осле (слишком большая прозрачность). Также есть заторможенность в остальных браузерах, то есть первый раз открывается с тормозом. В остальном все гуд, спасибо :)

    Ответить

  10. @ Блог-шоу - выпуск 17 - Продвижение сайтов, веб-дизайн и креатив, 22.03.2009 в 16:20

    [...] На Роторвебе опубликован доработанный скрипт — Как вставить угловой flash-баннер на сайт 2 (кроссбраузер

    Ответить

  11. Андрей, 17.10.2009 в 0:30

    Привет. Очень бы хотелось знать, что нужно сделать доля того чтобы баннер открылся в том же окне! параметр top ... не знаю как его прописать... буду признателен за помощь.

    Заранее спасибо!

    Ответить

  12. @ Баннер-уголок на jQuery | rotorweb.ru | Проблемы и решения в Web-дизайне, 03.11.2009 в 19:51

    [...] частях (про flash-баннер, почитать можно тут и тут), но без альтернативной возможности создания [...]

    Ответить

  13. @ Юрий, 20.11.2009 в 16:56

    Большая просьба помочь вставить такой уголок внутрь блока заданной ширины

    Ответить

    • rotor, 21.11.2009 в 16:33 ↑

      В скрипте поменяйте строки:

      document.body.appendChild(bigFlash);

      на

      document.getElementById("id_нужного_div").appendChild(bigFlash);

      и

      document.body.appendChild(smallFlash);

      на

      document.getElementById("id_нужного_div").appendChild(smallFlash);

      Нужному div проставьте position: relative. Должно сработать.

      Ответить

  14. @ Виктор 78, 23.12.2009 в 1:31

    Скрипт существенно подтормаживает перед тем как открыть уголок. Есть вариант, как это исправить (прелоад или что-то вроде того)?

    Ответить

    • rotor, 23.12.2009 в 10:27 ↑

      Нет, хотя я не задавался целью поиска этого решения. Наверняка, что-то есть на западных форумах.

      Видел, что аналогичные тормоза есть и в платных версиях уголка.

      Ответить

  15. Илья, 27.04.2010 в 18:11

    Можете описать как поставить уголок в левый угол, очень надо. Буду признателен!

    Ответить

  16. Сергей, 08.01.2011 в 14:24

    Привет, отличный скрипт.

    Вот только почемуто в файрфоксе и опере при первой загрузке — уголок при наведении мыши закрывается и открывается только через 3 — 4 секунды.

    Потом пашет нормально.

    Ответить

    • rotor, 08.01.2011 в 16:24 ↑

      Есть такая проблема у flash-уголков, народ периодически пытается найти решение на форумах, но я пока не видел удачного.

      Возможно, стоит посмотреть на аналог уголка в jQuery — rotorweb.ru/javascript/ba...k-na-jquery.html

      Ответить

Есть что сказать?