Как можно скрыть ссылки на картинках

[alleclf]

Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть.

Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор.

Вот для примера:

<div class="hidelink">
<a href="page1"><img src="image1.jpg"></a>
<a href="page2"><img src="image2.jpg"></a>
<a href="page3">text link</a>
</div>

<a href="">сделать ссылки видимыми</a>

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

Большое спасибо.

[ForSecond]

Я вижу решение только посредством javascript.

Ссылке "сделать ссылки видимыми", задать на onClick изменение некой переменной из False в True.

Картинкам задать событие onClick, которое передаёт функции номер картинки, а в функции проверяется переменная True: если да, то, если номер картинки такой-то, то такая-то ссылка, иначе другая.

[MiReQ]

Если использовать JS, то можно так: http://jsfiddle.net/JYzwP/1/ (пример с jQuery)

Вы ловим событие onClick и прекращаем дальнейшую обработку события, возвращая false. В таком случае переход по ссылке не выполнится.

Edited May 14, 2012 by MiReQ

[alleclf]

Если использовать JS, то можно так: http://jsfiddle.net/JYzwP/1/ (пример с jQuery)

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

Код на сайте вот такой:

<div id="news-id-202" style="display:inline;">
<a href="http://site.ru/uploads/posts/2011-08/1313394831_01.jpg" onclick="return hs.expand(this)">
<img src="http://site.ru/uploads/posts/2011-08/thumbs/1313394831_01.jpg"></a>
</div>

вот этот div id="news-id-202" я не могу убрать или поправить, могу только это всё взять ещё в один див (div class="hidelink" - тот что надо).

Как можно сделать что бы при клике на ссылку "сделать ссылки видимыми" кроме активации ссылок открывалась страничка в новой вкладке:

<a href="page4" id="showLinks" target="_blank">сделать ссылки видимыми</a>

Edited May 15, 2012 by alleclf