Навигация
 
Главная
Для начинающих
Паскаль/Pascal
Bash

Визуальное программирование
• Visual Basic
• Delphi/Делфи
• C++/Си++/Си
• документация
• Компоненты

WEB программирование
• MySQL/мускул
• Web-дизайн
•• Шрифты
• PHP/Пхп
• Документация PHP
• JavaScript
•• библиотека jquery
•  Документация
Прочее

 
 
Поиск по сайту
 




 
 
О нас
  У нас Вы можете скачать исходники, скачать скрипты, найти исходники, исходники delphi, документация по JQeury, исходники си, учебник HTML  
 
Теги
  codeserfercom, Linux, nbspnbsp, Private, Visual, Возможность, Пример, Рассмотрим, Сегодня, Теперь, будет, данных, значение, который, может, можно, написать, например, очень, переменной, переменных, пользователя, помощью, программа, программирования, программы, просто, работы, разработки, решил, сделать, скрипт, строки, строку, также, только, функции, число, этого, языка

Показать все теги
 
 
Счетчики
 
 
 
Реклама
   
 
Лучшие коды
   
   
 
Галерея изображений
 Категория: Web-программирование » JavaScript » jquery | автор: Codeserfer | 22 марта 2009 | Просмотров: 3951  



 
Представленный код демонстрирует простейший пример реализации галереи, без перезагрузки страницы.
Для начала добавим тэг в заголовки
По клику на изображения в выполняем следующие действия:
1) сохраняем значение атрибута ”href” в переменной ”largePath”
2) сохраняем значение атрибута ”title” в переменной ”largeAlt”
3) заменяем в элементе значение атрибута ”scr” и ”alt” значениями из переменных ”largePath” и ”largeAlt”
4) так же присваиваем элементу ”h2 em” значение из ”largeAlt”

(document).ready(function(){
   $("h2").append('<em></em>')
    $(".thumbs a").click(function(){
       var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        $("#largeImg").attr({ src: largePath, alt: largeAlt });
        $("h2 em").html(" (" + largeAlt + ")"); return false;
    });
  });

Пример использования
 
 

Что-то не получается? Не понятна какая-то часть кода? Напишите комментарий об этом и мы обязательно Вам все объясним!
Обязательно напишите отзыв о программе / учебнике. Для выражения благодарностей есть кнопка:


Сказали спасибо: Skif
 
  Просьбы перезалить в комментариях принимаются
 
 (голосов: 2)
 
 
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
 
  Другие коды по теме:  
 
  • Определяем расширение экрана с помощью WinAPI
  • Магические исчезновения
  • Всплывающая подсказка
  • Нахождение всех совершенных чисел от 1 до n
  • Обращение к WhoIs для IP на PHP
  •  
    Комментарии (5) Распечатать




     Написал: oleggira
     7 апреля 2009 17:22 | ICQ: --
     

    Группа: Гости
    Регистрация: --
    Спасибо, настроение сразу улучшилось
     
     Публикаций: 0 | Комментариев: 0


     Написал: dainkova
     24 мая 2009 23:06 | ICQ: --
     

    Группа: Гости
    Регистрация: --
    Я больше 4х лет вплотную интересуюсь этим
     
     Публикаций: 0 | Комментариев: 0


     Написал: ritdolina
     27 мая 2009 01:45 | ICQ: --
     

    Группа: Гости
    Регистрация: --
    Появилась классная мысль, но она требует поверхностной реорганизации моей мысли, займусь завтра.
     
     Публикаций: 0 | Комментариев: 0


     Написал: alex_ku
     7 марта 2011 17:01 | ICQ: --
     

    Группа: Посетители
    Регистрация: 7.03.2011
    Чтение и смена атрибутов, один из самых часто используемых методов в jQuery. Радует, когда находиться такое простое и красивое решение...
    Ещё красивостей добавить в виде прелоадера и эффекта появления загруженой картинки, было бы совсем хорошо :)
     
     Публикаций: 0 | Комментариев: 1


     Написал: Codeserfer
     7 марта 2011 21:18 | ICQ: 100105500
     

    Группа: Администраторы
    Регистрация: 1.08.2008
    alex_ku,
    Ну это совсем просто же :)
     
     Публикаций: 131 | Комментариев: 108


    © 2008 - 2010. Копирование материалов запрещено!
    Мой аккаунт
     
    Логин
    Пароль
     
     
     
    Опрос
     
    Чего нам не хватает?

    Ничего, все прекрасно и так!
    Другого дизайна
    Больше кодов
    Больше комментариев
    Посещаемости
    Дополнительных сервисов для удобства пользователей
    Другое (напишите, пожалуйста, что)
     
     
    Друзья
     
    serial, crack, keygen
    cool-archive.ru
    ABC-IT.lv - истиному ИТишнику!
     
     
    Архив кодов
      Август 2011 (1)
    Июль 2011 (4)
    Июнь 2011 (3)
    Апрель 2011 (2)
    Февраль 2011 (5)
    Январь 2011 (3)
     
     
     
    Реклама