Представленный код демонстрирует простейший пример реализации галереи, без перезагрузки страницы.
Пример использования скрипта «Галерея изображений на jQuery».
Для начала добавим тэг в заголовки
По клику на изображения в выполняем следующие действия:
1) сохраняем значение атрибута ”href” в переменной ”largePath”
2) сохраняем значение атрибута ”title” в переменной ”largeAlt”
3) заменяем в элементе значение атрибута ”scr” и ”alt” значениями из переменных ”largePath” и ”largeAlt”
4) так же присваиваем элементу ”h2 em” значение из ”largeAlt”
Исходный код «Галерея изображений на jQuery»:
(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; }); });
Чтобы лучше разобраться с кодом, смотрите пример.
Comments ( 0 )