[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: FeRz1k  
Форум » Вэбмастерам » Скрипты для uCoz » Легкий слайдер изображений (JQ + CSS)
Легкий слайдер изображений (JQ + CSS)
PhoenixДата: Вторник, 20.03.2012, 18:31 | Сообщение # 1
Ph0en1x aka Good'1k
Постов на форуме: 1449
Репутация:
[ 218 ]
Подарки:
[ 81 ]
Не в сети


Слайдер изображений, прост в использовании, очень легок. Использует базовый JQ.

CSS:
Code
.block{background:#222;padding:10px 10px 0;border-radius:10px;width:400px}  
  .block img{border:0;display:none}  
  .block div{margin:10px auto 0;background:#ddd;padding:5px 0;width:100px;border-radius:10px 10px 0 0;text-align:center}  
  .block div a{text-decoration:none;color:#ddd;background:#222;border-radius:5px;padding:2px 5px}  
  .block div a:hover{background:#444}


JS:
Code
function block_off(){$('.block img').hide()};  
  function block_on(a){$('.block img:'+a).fadeIn(300)};  
  block_on('eq(0)')


И сам код:
Code
<div class="block">  

  <img src="url">  
  <img src="url">  
  <img src="url">  

  <div>  

  <a href="javascript://" onclick="block_off();block_on('eq(0)')">1</a>  
  <a href="javascript://" onclick="block_off();block_on('eq(1)')">2</a>  
  <a href="javascript://" onclick="block_off();block_on('eq(2)')">3</a>  

  </div></div>


Команда - это капитан и игроки сплоченные вместе и чем больше вы будете помогать друг другу не только в игре но и в реальной жизни, тем приятнее и выше будет подъем к вершинам киберспортивного олимпа.
 
Форум » Вэбмастерам » Скрипты для uCoz » Легкий слайдер изображений (JQ + CSS)
  • Страница 1 из 1
  • 1
Поиск:
Статистика сайта
Последние новости Самые отвечаемые темы Последние статьи
EA раскрыла подробно... 18.04.2013
Bethesda прекращает ... 18.04.2013
Создатели World of T... 18.04.2013
Battlefield 4 не буд... 18.04.2013
Авторы Silent Hill: ... 18.04.2013
Курилка! 103
Общая тема для обсуждений 67
Изготовление аваторов 50
Новости сервера 37
Команда сайта 36
История Starcraft: Н... 10.02.2013
Почему в Valve решил... 20.08.2012
Танки рвутся в кибер... 15.08.2012
Лучшие финалы в исто... 17.06.2012
Киберспорт - спорт? ... 14.04.2012
Новые пользователи Активные пользователи Лучшие комментаторы
voodyy28 01.09.2017
qteras23 25.08.2017
156464 25.08.2017
Sergeeff 23.08.2017
Areon 20.08.2017
Phoenix 1449
FeRz1k 319
WedMacK 200
warcraf 200
Rolex 157
Phoenix 56
FeRz1k 56
koJIxo3Huk 19
Die 13
scool 9