Смена фона для uCoz на JQuery


Смена фона для uCoz на JQuery

2605
10 из 10
Проголосовало: 6




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Всем доброе время суток!

И так сегодня к вашему вниманию хочу предоставить - Смена фона на JQuery

И так может вы и видели разные смены фонов для системы uCoz и не только.

Но здесь мы решили полностью написать скрипт который бы позволял без каких либо проблем (замутов)!

И так что бы все работало без каких либо проблем прежде чем устанавливать прочтите все!

Начнем....

Установка

Для начала скачиваем архив!

Между тегами <b><head> и </head></b>

Code


<!-- STYLES -->  
  <link href="css/style.css" rel="stylesheet" type="text/css">  
  <link href="css/reset.css" rel="stylesheet" type="text/css">  
  <link href="fonts/font.html" rel="stylesheet" type="text/css">  
  <!-- SCRIPTS -->  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>  
  <script type="text/javascript" src="js/jquery.countdown.js"></script>  
  <script type="text/javascript">  
  $(function () {  
  var austDay = new Date(2013, 3-1, 5);  
  $('#defaultCountdown').countdown({until: austDay});  
  $('#year').text(austDay.getFullYear());  
  });  
  </script>  
  <script type="text/javascript" charset="utf-8">  
  var scrollSpeed = 50; // Скорость в миллисекундах  
  var step = 1; // Сколько пикселей перейти на шаг  
  var current = 0; // Текущей строки пикселей  
  var imageWidth = 1100; // Ширина Фоновое изображение  
  var animationWidth = 2280; // Насколько широко анимации.  
  //Ряду пикселей, с чего начать новый цикл  
  var restartPosition = -(imageWidth - animationWidth);  
  function scrollBg(){  
  //Переход к следующей строке пикселей.  
  current -= step;  
  //Если в конце изображения, а затем вернуться к началу.  
  if (current == restartPosition){  
  current = 0;  
  }  
  //Установить CSS в анимации.  
  $('#animation').css("background-position",current+"px 0");  
  }  
  //Вызывает функцию прокрутки повторно  
  var init = setInterval("scrollBg()", scrollSpeed);  
  </script>  
  <script type="text/javascript">  
  $(document).ready(function(){  
  // Переключение и скрыть подвал  
  $("#togglefooter").click(function() {  
  $("#footer").slideToggle(500);  
  $(this).toggleClass("active");  
  return false;  
  });  
  // Закройте подвал - Используется, если действие добавил в скрытом самой панели, в противном случае опустить  
  $("#hidefooter").click(function() {  
  $("#footer").slideUp(500);  
  $("#show-hide a").removeClass("active");  
  return false;  
  });  
  });  
  </script>



И так после тега <b><body></b>

Code


<div id="styleswitcher">  

  <a href="index-2.html"><img src="skins/1.png"></a>  
  <a href="2.html"><img src="skins/2.png"></a>  
  <a href="3.html"><img src="skins/3.png"></a>  
  <a href="4.html"><img src="skins/4.png"></a>  
  <a href="5.html"><img src="skins/5.png"></a>  
  <a href="6.html"><img src="skins/6.png"></a>  
  <a href="7.html"><img src="skins/7.png"></a>  
  <a href="8.html"><img src="skins/8.png"></a>  
  <a href="9.html"><img src="skins/9.png"></a>  
  <a href="10.html"><img src="skins/10.png"></a>  
  <a href="11.html"><img src="skins/11.png"></a>  
  <a href="12.html"><img src="skins/12.png"></a>  
  <a href="13.html"><img src="skins/13.png"></a>  
  <a href="14.html"><img src="skins/14.png"></a>  
  <a href="15.html"><img src="skins/15.png"></a>  
  <a href="16.html"><img src="skins/16.png"></a>  
  <a href="17.html"><img src="skins/17.png"></a>  
  <a href="18.html"><img src="skins/18.png"></a>  
  <a href="19.html"><img src="skins/19.png"></a>  
  <a href="20.html"><img src="skins/20.png"></a>  
  <a href="21.html"><img src="skins/21.png"></a>  
  <a href="22.html"><img src="skins/22.png"></a>  
  <a href="23.html"><img src="skins/23.png"></a>  
  <a href="24.html"><img src="skins/24.png"></a>  
  <a href="25.html"><img src="skins/25.png"></a>  
  <a href="26.html"><img src="skins/26.png"></a>  

  </div>



{Это наше расположение если вы также загрузите все папки то все будет работать прекрасно, если что либо у вас не будет работать смотрите где вы сделали ошибку в выводах}

И так что бы сменить фон измени в строке

Code


<a href="номер станици с фоном.html"><img src="skins/26.png"></a>



А теперь одно из самых главных моментов

Установите переl <b></body></b>

Code


<!--FULL BACKGROUND IMAGE-->  

  <img alt="full screen background image" src="backgrounds/изображение страници с фоном.jpg" id="full-screen-background-image"/>  

  <!--END FULL BACKGROUND IMAGE-->



Наложение анимации ставим там же (ниже)

Code


<!--Animation-->  
  <div id="animation">  
  </div>  
  <!--END ANIMATION-->



Если вы хотите что либо поменять в папке <b>jquery.countdown.js</b>

Все что захотите то и ставьте ( в данном jquery.countdown.js есть внутри урок что за что отвечает, по этому ошибется точно не сможете ).

Удачного использования!

Посмотреть ДЕМО можно - ЗДЕСЬ
Если у вас возникли вопросы. Задавайте их не стесняйтесь!

<i>Над данным проектом работали - Lekus and Aleks: uFace 2010 - 2012</i>

С уважением - By LEKUS
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://uface.at.ua/
  • Всего комментариев: 15

Fresh
0
Fresh написал: Написано 18 Марта 2012 в 16:49
Комментарий №14
а скрипт можно установить на гл. страницу сайта? я пробывал но както половина есть, половина дизайна нету

LeKcUs
0
LeKcUs написал: Написано 11 Апреля 2012 в 13:45
Комментарий №15
быть такого не может, хотя если только мой CSS не совпадает с твоим.. Тогда не че не будет толком пахать.... посмотри как выведено у меня и в своих стилях посматри есть что либо похожие, я уверен что это иза того что стили просто напросто совпадают с твоими, и по етому не че не пашет....

k43
+1
k43 написал: Написано 11 Марта 2012 в 13:12
Комментарий №10
LeKcUs, я не понел смысл скрипта wacko это чё по истечению времени фон меняется или чё? или при чём тут часы? biggrin

LeKcUs
0
LeKcUs написал: Написано 11 Марта 2012 в 15:56
Комментарий №13
Часы ето так просто что бы показать как меняется фон! dry

renat99
0
renat99 написал: Написано 08 Марта 2012 в 15:54
Комментарий №9
Я покупаю там темы! и не рипаю как ты! LeKcUs - иди учи русский язык

Kelin
0
Kelin написал: Написано 11 Марта 2012 в 13:34
Комментарий №11
Я вам обоим щас печеньки в виде банов искрошу!!! Заткнулись оба!

Supermenыч
0
Supermenыч написал: Написано 11 Марта 2012 в 14:46
Комментарий №12
Вот это мощно biggrin

renat99
0
renat99 написал: Написано 08 Марта 2012 в 15:23
Комментарий №7
Я вас понимаю,ну зачем в описании писать "Но здесь мы решили полностью написать скрипт который бы позволял без каких либо проблем (замутов)! " обманывать народ,эта что типо, показывать "крутезну"
Плагиат! нарушение авторских прав...

LeKcUs
-2
LeKcUs написал: Написано 08 Марта 2012 в 15:44
Комментарий №8
написание сскрипта называется обновлено понемаеш да.. Вот пойдите купите этот скрипт и посматрите!

НЕ УВАЖАЕТЕ ТРУД! ТО КТО ВАМ ДОКТОР! angry

renat99
0
renat99 написал: Написано 08 Марта 2012 в 11:18
Комментарий №4
Блин пишите свой источник и говорите что эта делали вы! обман...Рип сайта http://themeforest.net/item/patience-full-background-underconstruction/1764801?WT.ac=new_item&WT.seg_1=new_item&WT.z_author=strangerr автор : strangerr а не LeKcUs проста Рип-адаптация! angry

LeKcUs
-2
LeKcUs написал: Написано 08 Марта 2012 в 13:56
Комментарий №5
Рас ты такой умный возми зделай что то подобное!

Aleks
+5
Aleks написал: Написано 08 Марта 2012 в 14:22
Комментарий №6
Ты перейди по той ссылке что ты скинул и посмотри сколько стоит сурипт ! Скажи спасибо что тебе его бесплатно выложыли !!!!!!!!!!!!!!!!!! angry angry angry

Aleks
+7
Aleks написал: Написано 08 Марта 2012 в 10:15
Комментарий №3
LeKcUs просто супер) хорошо поработал)

KoT111
0
KoT111 написал: Написано 08 Марта 2012 в 00:31
Комментарий №1
Интересно какой пароль у архива

LeKcUs
+3
LeKcUs написал: Написано 08 Марта 2012 в 00:48
Комментарий №2
Он в архиве, в текстовом документе который называется "ПАРОЛЬ" cry

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: