Страница 1 из 11
Модератор форума: WOLF 
Home sims форум » Для Web-мастера » Скрипты для UcoZ » Легкий слайдер изображений (JQ + CSS)
Легкий слайдер изображений
WOLF Дата: Суббота, 21.04.12, 14:48:13 | Сообщение # 1
Группа Админы Сообщество творчества
Знаток игры Сообщество журналистов Спонсор сайта!
Мэр города
Группа: Админы
Сообщений: 11422
Пол: Мужчина
Симолеоны
« »
« 150 »
Ваше желание:







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

CSS:
Доступно только для пользователей

JS:
Code
// Slider by ILyeS  
  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>


Вот и все, не правда ли - очень легко и быстро.

Немножко о работе:
При запуске страницы, всегда, будет открывать первое изображение.
Скрипт кроссбраузерен.
Количество изображений можете выбрать сами, нужно только добавлять img и соответствующее им количество переключателей.
Помните, что номер переключателя начинается с 0.

Ширина изображений 400px.



Прикрепления: 7028602.png(154Kb)




 
Home sims форум » Для Web-мастера » Скрипты для UcoZ » Легкий слайдер изображений (JQ + CSS)
Страница 1 из 11
Поиск:
Профиль
Гость !
Мой профиль
Редактировать профиль
Почта
Вход
Список пользователей Мои фотографии Онлайн радио Правила форума
Статистика
    Всего: 31313
    За месяц: 0
    За неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Малышей: 29480
    Детишек: 1710
    Подростков: 45
    Взрослых: 45
    Помощников: 7
    Модераторов: 6
    Инквизиторов: 2
    Замов.админа: 1
    V.I.P: 15

    Парней: 9479
    Девушек: 21834
Топ пользователей
Последние ответы
Популярные темы
Мини-чат
Зарегистрируйтесь или Войдите под своим логином!


ВКонтакте