 |
|
Делаем оригинальный баннер. Выглядит он, как отогнутая страница справа вверху страницы, а за ним проглядывает другая страница. Когда пользователь подводит курсор к этому краю, страница начинает анимированно отгибаться, а за ней открывается часть другой страницы. При щелчке по второй странице происходит переход на другой сайт или страницу. Выглядит это все завораживающе и необычно.
В основе скрипта лежат файлы сборки Esel.
Код немного переделан. Сейчас он позволяет передавать основные параметры прямо с кода страницы. При желании можно использовать файлы с нашего портала. Если хотите разместить файлы у себя на хосте, тогда нужно будет скопировать 3 файла:
Эти файлы можете разместить где Вам угодно. Только не забудьте путь размещения.
После этого начинается обязательная программа. Нужно создать 2 изображения. Одно маленькое, желательно размером 100x100 пикселей. Это изображение будет проглядывать в углу сайта. Второе изображение большое. Размер, желательно 650x650 пикселей. Это изображение будет видно, когда угол отогнется до конца. Все эти изображения нужно, также, разместить у себя на хосте.
Далее, нужно разместить код на странице. Местоположение особой роли не играет:
Настраиваете передаваемые параметры под себя:
После настройки под себя можно наслаждаться работой скрипта. Теперь и у Вас в правом верхнем углу страницы будет отгибающийся уголок. С изображениями придется немного пожонглировать, чтобы отображалось именно то, что нужно. Но это уже мелочи жизни.
Этот скрипт "отгибающегося уголка" вы можете использовать, как баннер на определенный, рекламируемый сайт, как особый переход к определенному файлу или просто навигационное решение. Задание параметров из кода страницы дает более широкие возможности, чем размещение переменных в самом скрипте js.
Пример реализации "углового баннера", как и принято на нашем портале, можно увидеть на этой же странице.
Удачи всем!
| Категория: | Скрипты |
| Просмотрено: | 2443 |
| Рейтинг: | 3.9/7 |
| Дата добавления: | 27.07.2009 01:40, Понедельник |
| Добавил: | Szen |
| Теги: | баннер, уголок, JavaScript, перелистывание |
Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.
Любая, полная или частичная, публикация материала, размещенного в блоге портала SzenProgs, на другом стороннем от портала SzenProgs сайте должна сопровождаться ссылкой на источник.
| № 0 | Понедельник, 27.07.2009 01:40 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Баннер в виде уголка перелистываемой страницы". |
| Профиль |
| № 1 | Вторник, 22.09.2009 16:25 |
kick | Прикольный скрипт...у меня единственный вопрос: а где скачать файлы, чтобы залить их себе на сайт? Я имею ввиду эти: * http://szenprogs.ru/flash/esel_s.swf * http://szenprogs.ru/flash/esel_b.swf * http://szenprogs.ru/scripts/esel.js |
| Профиль |
| № 2 | Вторник, 22.09.2009 17:11 |
| kick | ...а если точнее, то первые два .swf Спасибо огромное за скрипт, он мне очень поможет. |
| Профиль |
| № 3 | Вторник, 22.09.2009 17:59 |
| Szen | kick, это и есть пути к файлам. Скопируйте путь и вставьте его в строку адреса браузера. Когда загрузится до конца, сделайте "сохранить". |
| ПрофильWWW |
| № 4 | Четверг, 24.09.2009 18:58 |
| kick | Ну в принципе у меня и свашими путями работает)))ток иногда подглючивает маленько))а так прикольно. Еще раз спасибо |
| Профиль |
| № 5 | Четверг, 24.09.2009 19:00 |
| kick | Точно...чет я сразу не додумался в браузере меню файл открыть)) |
| Профиль |
| № 6 | Воскресенье, 04.10.2009 13:04 |
XxRaviLxX | Можно ли сделать чтоб угол побольше отогнут был, изночально? И как это сделать? |
| ПрофильWWW |
| № 7 | Воскресенье, 04.10.2009 14:22 |
| Szen | XxRaviLxX, такое невозможно, ибо это swf. Если только вы знаток Flash анимации и можете переделать его сами. |
| ПрофильWWW |
| № 8 | Пятница, 23.10.2009 20:44 |
| kick | Хм... А как под IE его настроить. У меня почему то на Вашем сайте скрипт в IE работает, а [b]на моем[/b] нет... |
| Профиль |
| № 9 | Пятница, 23.10.2009 21:00 |
| Szen | kick, установите флеш-плеер для IE! Флеш-плеер ствится для каждого браузера свой. И засветите свой сайт. Я хочу посмотреть. |
| ПрофильWWW |
| № 10 | Пятница, 23.10.2009 21:19 |
| kick | _http://data.my1.ru Я то могу установить,(только мне лично он не нужен у меня Firefox) но у остальных то работать не будет ведь... |
| Профиль |
