Пытаюсь сделать галерею изображений, там слайдер, переключение картинок всё завязано на Индексах етих картинок
. Но возник ступорный момент
<div id="modal_gallery">
<div class="modal_title"></div>
<div id="next_img_modal">next</div>
<div id="prev_img_modal">prev</div>
<div id="fbox_img_modal">
<div class="slide">
<img title="рисунок1" src="......">
</div>
<div class="slide thumb_select">
<img title="рисунок1" src="......">
</div>
<div class="slide">
<img title="рисунок1" src="......">
</div>
</div>
</div>
var modal_gallery=jQuery('#modal_gallery'),
next_img=modal_gallery.find('#next_img_modal');
next_img.click(function(){
if(jQuery(this).hasClass('dnone')){
return false
} else {
var select_thumb=jQuery('#fbox_img_modal .thumb_select');
select_thumb.removeClass('thumb_select').next()
.addClass('thumb_select')
.children('img').attr('title',function(){
var title=jQuery(this).attr('title');
modal_gallery.find('.modal_title').text(title);
});
};});
Чюток опишу что происходит в цепочке при клице на next_img:
1) у контейнера с Классом -- "thumb_select" удаляю етот клас.
2) Ищю следующий елемент и присваиваю ему класс -- "thumb_select"
3) Определяю вложенный елемент.
И вот теперь у меня начинается каша !!! По задумке надо определить значение Атрибута 'title' и засунуть его в определённый блок .modal_title
Тот кусок скрипта который выше описал работает. Но сам понимаю что ето очень криво-косо.
Подскажите пожалусто каким образом можно осушествить такого рода цепочку действий правильнее-- так сказать красивее