Jump to content

lightbox title не работают ссылки


Recommended Posts

Всем привет, может есть специалисты по LightBox

Не могу понять, почему не работает ссылка в теге title=""

 

Способы с заменой html символов не помогло, еще пробовал несколько способов из инета, они тоже не помогли, может здесь кто поможет?

 

сам шаблон test3.cmski.ru

блок  Recent Works нажать на картинку и внизу розовым ссылка. скрин http://shot.qip.ru/00jIPZ-6zuH5Xu7R/

 

Заранее очень благодарен за любую помощь.

Link to post
Share on other sites

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

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

код выводится как надо http://shot.qip.ru/00jIPZ-6zuH5Xu80/ а вот ссылка не срабатывает.

Link to post
Share on other sites

Где-то в коде могут быть отключены ссылки, jquery функция для отключения ссылок - preventDefault()

 

Как вариант, если проблема не решится, можно в ссылку вставить js переход, выглядит так

<a href="http://www.google.ru/" onclick="javascript:document.location.href='http://google.com/'">Ссылка</a>
Link to post
Share on other sites

да, была проблема в кавычках, так попробуй

<a href="http://www.google.ru/" onclick="javascript:document.location.href=\'http://google.com/\'">Ссылка</a>

или так 

<a href="http://www.google.ru/" onclick="javascript:document.location.href=\"http://google.com/\"">Ссылка</a>
Link to post
Share on other sites

проблема в том, что Вы пытаетесь засунуть ссылку в атрибут другой ссылки...так работать не будет

работать будет, так как значение атрибута обрабатывает js и выводит в отдельный блок

Link to post
Share on other sites

 

 


работать будет, так как значение атрибута обрабатывает js и выводит в отдельный блок

 

title - это всплывающая подсказка и что бы Вы туда не добавляли, как бы не обрабатывали - она так и останется всплывающей подсказкой...

посмотрите, как отображается Ваш onclick="javascript:document.location.href="http://google.com/" - простым текстом

Link to post
Share on other sites

@valentino, Вы скрины то смотрели??

В место title в код вставляется тег span и в него уже вставляется ссылка.

Посмотрите теперь.

Например у colorbox  это работает и ссылка нормально срабатывает, а вот у lightbox такая вот ерунда.

Я бы замарочился с colorbox, только вот может есть решение, а то переверстывать придется. 

Link to post
Share on other sites

Все равно не работает(((

За старание поставил плюсик.

Все-же добьем его, кривое решение, но работает.

 

У Вас на сайте сейчас код

<!-- Begin of #filter_content  --> 
          <div id="filter_content">
            <a href='images/work/img1_large.jpg' class="red" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src='images/work/img1.jpg' alt=""></a>
            <a href='images/work/img2_large.jpg' class="white" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src="images/work/img2.jpg" alt=""></a>
            <a href='images/work/img3_large.jpg' class="saphir" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src="images/work/img3.jpg" alt=""></a>
            <a href='images/work/img4_large.jpg' class="blue" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src="images/work/img4.jpg" alt=""></a> 
            <a href='images/work/img5_large.jpg' class="green" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src="images/work/img5.jpg" alt=""></a> 
            <a href='images/work/img6_large.jpg' class="yellow" data-lightbox="set1" title='<a href="http://www.google.ru/">Ссылка</a>'><img src="images/work/img6.jpg" alt=""></a> 
          </div>
          <!-- End of #filter_content  -->

Замените его на 

 

<!-- Begin of #filter_content  --> 
          <div id="filter_content">
            <a href='images/work/img1_large.jpg' class="red" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(1);">Ссылка</a>'><img src="images/work/img1.jpg" alt=""></a>
            <a href='images/work/img2_large.jpg' class="white" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(2);">Ссылка</a>'><img src="images/work/img2.jpg" alt=""></a>
            <a href='images/work/img3_large.jpg' class="saphir" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(3);">Ссылка</a>'><img src="images/work/img3.jpg" alt=""></a>
            <a href='images/work/img4_large.jpg' class="blue" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(4);">Ссылка</a>'><img src="images/work/img4.jpg" alt=""></a> 
            <a href='images/work/img5_large.jpg' class="green" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(5);">Ссылка</a>'><img src="images/work/img5.jpg" alt=""></a> 
            <a href='images/work/img6_large.jpg' class="yellow" data-lightbox="set1" title='<a href="http://www.google.ru/" onclick="goUrl(6);">Ссылка</a>'><img src="images/work/img6.jpg" alt=""></a> 
          </div>
          <!-- End of #filter_content  -->
		<script>
		var arUrl = new Array();
		arUrl[1] = 'http://google.com/';
		arUrl[2] = 'http://yandex.com/';
		arUrl[3] = 'http://pr-cy.ru/';
		arUrl[4] = 'http://google.com/';
		arUrl[5] = 'http://ya.ru/';
		arUrl[6] = 'http://mail.ru/';
		function goUrl(a) {
			document.location.href=arUrl[a];
			return false;
		}
		</script>
Link to post
Share on other sites

@VKoretsky, СУУУПЕРРРРРР, работает, огромнейшее спасибо)))))

Единственный момент, как сделать что бы страница открывалась в новом окне?

target="_blank" не срабатывает.

Link to post
Share on other sites

@VKoretsky, СУУУПЕРРРРРР, работает, огромнейшее спасибо)))))

Единственный момент, как сделать что бы страница открывалась в новом окне?

target="_blank" не срабатывает.

Не за что)

чтобы в новом окне открывало, нужно 

document.location.href=arUrl[a];

заменить на

window.open(arUrl[a]);

*Есть проблема, в некоторых пользователей (в браузерах) может быть включена защита от новых окон (функции window.open), тогда второй вариант будет блокироваться браузером, первый будет работать

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...