Представленный код демонстрирует простейший пример реализации галереи, без перезагрузки страницы.
Пример использования скрипта «Галерея изображений на 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 )