blueimp галерея

[peretc001]

Добрый день.

На сайте организована галерея blueimp Gallery

<div id="links">
   <a id="blglr" href="images/banana.jpg" title="Banana">
       <img src="images/thumbnails/banana.jpg" alt="Banana">
   </a>
   <a id="blglr" href="images/apple.jpg" title="Apple">
       <img src="images/thumbnails/apple.jpg" alt="Apple">
   </a>
   <a id="blglr" href="images/orange.jpg" title="Orange">
       <img src="images/thumbnails/orange.jpg" alt="Orange">
   </a>
<!-- Навигация -->
<a href="" >Prev</a><a href="">Next</a>
</div>

<script>
document.getElementById('links').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target,
        options = {index: link, event: event},
        links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
};
</script>

Срабатывает (те изображение открывается в всплывающем окне) при клике по любой ссылке, даже на кнопки Назад Вперед,
подскажите как в js прописать #blglr чтоб изображение открывалось только при клике по ссылке с id #blglr

если написать
links = this.getElementsByTagName('a.blglr');
links = this.getElementsByTagName('blglr');
links = this.getElementById('blglr');
не работает

 

[peretc001]

а все нашел:

Назад вперед реализовано через span
чтобы по клике не срабатывала галерея нужно


В blueimp-gallery.js
строка 32, после
function Gallery (list, options) {
нужно дописать

   if (options.index.tagName.toLowerCase() != 'a') {
    return null;
   }

 

[WMix]

есть предположение, что ты не понимаешь, что пишешь.

к примеру это

id="blglr"

может быть написанно всего 1 раз.

и эта часть

document.getElementById('links').onclick

тоже очень смущает со всей логикой выискивания элемента по которому кликнули.