[gray]Jquery Галерея изображений
[red]Простейший пример реализации галереи, без перезагрузки страницы. (см. пример)[/red]
[blue]Code
Для начала добавим тэг <em> в заголовки <h2>
По клику на изображения в <p class=thumbs> выполняем следующие действия:
сохраняем значение атрибута “href” в переменной “largePath”
сохраняем значение атрибута “title” в переменной “largeAlt”
заменяем в элементе <img id=”largeImg”> значение атрибута “scr” и “alt”
значениями из переменных “largePath” и “largeAlt”
так же присваиваем элементу “h2 em” значение из “largeAlt”
[/blue]
КОД
Code
$(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;
});
});
[/gray]