Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Динамически кликабельный фон
+
Всем привет, многие спрашивали скрипт для установки фона чтоб он был кликабельный и не был постоянный, мы не смогли пройти мимо такого и сделали!... Скрипт удобно подойдет для рекламы так как многие используют именно его для этого!... Также в скрипте вы можете настроить тайм аут смены сылки и картинки!.....
Установка:
1. Установим html код с начальной сылкой:
Заменить ссылку в html на свою
2. ДобавимCSS стиль к нашему html:
Заменить ссылку фона на свой фон для ссылки!.
3. Добавим js смену фона и сылки (Тайм аут смены 15 секунд):
Разберем скрипт:
1. Переменная картинок: var bgArr = ["1.jpg", "2.jpg", "3.jpg"];
2. Переменная сылок: var bgLnk = ["1.ru", "2.ru", "3.ru"];
В них ставим ссылки на картинки и ссылки для этих картинок соответственно!.
Изменить время обновления вы можете сменив число 15000 (15сек) на свое время!...
Установка:
1. Установим html код с начальной сылкой:
Код
<div id="uLink" onclick="location='http://www.mybeststudio.ru/'"></div>
Заменить ссылку в html на свою
2. ДобавимCSS стиль к нашему html:
Код
#uLink {background:url(http://savepic.su/7229699.jpg);height:100%;width:100%;position:fixed;display:inline-block;top: 0px;background-size:cover !important;left:0px;cursor:pointer;}
Заменить ссылку фона на свой фон для ссылки!.
3. Добавим js смену фона и сылки (Тайм аут смены 15 секунд):
Код
<script>
var bgArr = ["1.jpg", "2.jpg", "3.jpg"];
var bgLnk = ["1.ru", "2.ru", "3.ru"];
var i=0;
var interval = self.setInterval("img()", 15000)
function img() { if (i>(bgArr.length-1) || i>(bgLnk.length-1)) { i=0
$("#uLink").css("background", "url("+bgArr[i]+")");
$("#uLink").attr("onclick", "location='"+bgLnk[i]+"'");
} else {
$("#uLink").css("background", "url("+bgArr[i]+")");
$("#uLink").attr("onclick", "location='"+bgLnk[i]+"'");
} i++; }
</script>
var bgArr = ["1.jpg", "2.jpg", "3.jpg"];
var bgLnk = ["1.ru", "2.ru", "3.ru"];
var i=0;
var interval = self.setInterval("img()", 15000)
function img() { if (i>(bgArr.length-1) || i>(bgLnk.length-1)) { i=0
$("#uLink").css("background", "url("+bgArr[i]+")");
$("#uLink").attr("onclick", "location='"+bgLnk[i]+"'");
} else {
$("#uLink").css("background", "url("+bgArr[i]+")");
$("#uLink").attr("onclick", "location='"+bgLnk[i]+"'");
} i++; }
</script>
Разберем скрипт:
1. Переменная картинок: var bgArr = ["1.jpg", "2.jpg", "3.jpg"];
2. Переменная сылок: var bgLnk = ["1.ru", "2.ru", "3.ru"];
В них ставим ссылки на картинки и ссылки для этих картинок соответственно!.
Изменить время обновления вы можете сменив число 15000 (15сек) на свое время!...
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 14.05.2016 в 18:04 по МСК
Категория: Другие модули
Просмотров: 763
Комментариев: 0
Эмоций:
Дата добавления: 14.05.2016 в 18:04 по МСК
Категория: Другие модули
Просмотров: 763
Комментариев: 0
Эмоций:
Теги: