Witam,
Uczę się jQuery i stwierdziłem, że zrobię prostą galerię jako moduł do Joomli. Założenie - jeden obrazek, na dole miniaturki i po naciśnięciu zmieniają główny. Nie wiem, co robię źle, ale jQuery zamiast zadziałać .click, w ogóle się nie odzywa. Pomoże ktoś znaleźć błąd?
(function($){
$('#jgallery_image_thumbs a').click(function(){
var mainPath = $(this).attr('href');
var mainAlt = $(this).attr('title');
$('#jgallery_main_image img').attr({ src: mainPath, alt: mainAlt });
$('#jgallery_main_image_title').html(mainAlt);
return false;
});
})(jQuery);
I odpowiadający fragment kodu HTML:
<div id="jgallery_main_image"> <img src="/images/stories/fruit/peas.jpg" alt="peas.jpg" /> <h2 id="jgallery_main_image_title">Peas
</h2>
<div id="jgallery_image_thumbs"> <li><a href="/images/stories/fruit/peas.jpg" title="Peas"> <img src="/images/stories/fruit/peas.jpg" alt="peas.jpg" /> <li><a href="/images/stories/fruit/cherry.jpg" title="Cherry"> <img src="/images/stories/fruit/cherry.jpg" alt="cherry.jpg" /> <li><a href="/images/stories/fruit/strawberry.jpg" title="Strawberry"> <img src="/images/stories/fruit/strawberry.jpg" alt="strawberry.jpg" /> <a href="/images/stories/fruit/pears.jpg" title="Pears"> <img src="/images/stories/fruit/pears.jpg" alt="pears.jpg" />
Z góry dzięki za pomoc, bo mnie już oczy bolą od tego szukania :/