Обновление целевой задачи href

Question

Я работаю над небольшой галереей изображений, в которой вы перевернули бы маленькую миниатюру, над ней будет отображаться большее изображение. Нажав на изображение, вы загрузите полноразмерную версию в оверлей.

http://shopcoobie.server303.com/shop/

Этот вопрос с большим изображением, то опрокидывание работают отлично, но сценарий у меня обновляет HREF, который указывает на полноразмерное изображение кажется только на работу в первый раз, когда я нажмите на изображение.

$$('.thumbs img').each(function(s) { 

$(s).observe('mouseover', function(e) { 
    var el = e.target; 
    var thumb = $(el).src; 
    var large = $(el).alt; 
    $(el).up(3).down(1).href = large; 
    $(el).up(3).down(2).src = thumb; 
    console.log((el).up(3).down(1).href); 
    console.log(thumb); 
}); 
}); 

консоль выводит правильную ссылку изображения, так что кажется, что это должно работать (и частично делает), я просто не знаю, почему это работает только один раз.

Благодаря Rich

Answer 1

Я думаю, что lightview плагин создает свой список изображений, а затем изменить СРК динамически, и он не обновляется. Поэтому попробуйте добавить вызов в Lightview.updateViews(); в конце обработчика mouseover выше.

От Lightview:

Lightview.updateViews(): Принудительный сброс всех Lightview элементов на странице. Большую часть времени вам не нужно делать это с Lightview поднимет на новый вставленные элементы автоматически. После для обновления существующих элементов может потребоваться , чтобы вызвать эту функцию.

Итак, ваш случай - это случай, когда он автоматически не подбирает изменения.