Плагин: скрыть адрес при наведении на ссылку - Общие вопросы по расширениям Joomla

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

кардинальное решение - использовать Lightbox, который ресайзит и большую картинку и кладет её в папку кэша, снабжая закодированным названием.
sigplus вроде такое умеет.

<script>
document.querySelectorAll('a.superbox.thumbnail.zoomin').forEach(function(ell) {
	ell.style.pointerEvents = 'none';
	ell.outerHTML = '<div onclick="this.firstElementChild.dispatchEvent(new Event(\'click\'));" style="display: inline-block;">'+ell.outerHTML+'</div>'
});
</script>

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

Добрый день!

Полигон для примера..

Сайт для тестов. В условном задании спрашиваем у пользователя какой он фрукт видит на картинке. Даем варианты ответа.

Даже если юзер в глаза не видел яблок, то подведя курсор к картинке он увидит в нижней части броузера images/sampledata/fruitshop/apple.jpg, что "какбынамекает".

Простейший путь избавиться от таких подсказок - давать случайные имена файлам картинок. Проблема, что картинок таких очень много, применяются они в разных местах сайта и название файла - единственный способ идентификации, что на этой картинки изображено. Вот, к примеру - понадобиться тебе вставить фото пражского крысарика и  будешь из сотни файлов "собачьего" каталога выбирать он - не он....

В общем, имена менять - не айс.

Пробуем найти решение, чтобы скрыть ссылку. Вот, к примеру.

Как то кажется слишком сложно.

Отсюда и вопросы:
1. Существует ли плагин, который по атрибуту ссылки будет запрещать ее отображение?
2. Возможна ли реализация такого плага, в случае его отсутствия?
3. Есть ли смысл в этих извращениях?

Спасибо!

<script type="text/javascript">

document.querySelectorAll('a.superbox.thumbnail.zoomin').forEach(function(ell) {
	ell.setAttribute('style', 'position: relative; display: inline-block;');
	ell.insertAdjacentHTML('afterbegin', '<a style="position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;" href="#neizvestno"></a>');
});

</script>

https://jsfiddle.net/n_robert/xaktf8rs/

Разместите этот код на странице.

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

<script type="text/javascript">

document.querySelectorAll('a.superbox.thumbnail.zoomin').forEach(function(ell) {
ell.setAttribute('style', 'position: relative; display: inline-block;');
ell.insertAdjacentHTML('afterbegin', '<a style="position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;" href="#neizvestno"></a>');
});

</script>

<script type="text/javascript">

window.onload = function() {

	document.querySelectorAll('a.superbox.thumbnail.zoomin').forEach(function(ell) {
		ell.setAttribute('style', 'position: relative; display: inline-block;');
		ell.insertAdjacentHTML('afterbegin', '<a style="position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;" href="#neizvestno"></a>');
	});

}

</script>

Должен завестись

Спасибо огромное, все работает! Помогло перемещение скрипта в подвал.

top: -2px; left: -2px; right: -2px; bottom: -2px;

Только момент один я не учел

а еще этот скрипт не сработает в IE. ну и window.onload = function тоже не очень правильно делать

<script type="text/javascript">

window.addEventListener('DOMContentLoaded', function() {

ell = document.querySelectorAll('a.superbox.thumbnail.zoomin');

for(var i = 0; i < ell.length; i++) {
	ell[i].setAttribute('style', 'position: relative; display: inline-block;');
	ell[i].insertAdjacentHTML('afterbegin', '<a style="position: absolute; display: block; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: 99999;" href="#neizvestno"></a>');
}

});

</script>

А как правильно, чтобы только после полной прогрузки элементов?

https://javascript.ru/forum/misc/61134-window-onload-ili-window-addeventlistener.html

Такое годится только для небольших картинок! Иначе страница будет весить тучу мегов.

Ну большая картинка даже просто ставленная в src ссылок тоже весит не мало.

Нууу... я думаю мысль дельная есть. Там же через AJAX генерится страница, поэтому пофиг как картинки отдавать.