Как скрыть url картинки

[Mr.Varenik]

Для просмотра ссылки Войди или Зарегистрируйся

 

[RomanSh]

Есть задача скрыть(или заменить) url картинки в браузере при наведении на неё.

При наведении на картинку вы видите содержание тэга title или alt. <img title="это видно" src="...">
При чем тут ссылка на картинку?

 

[helpcms]

При наведении на картинку вы видите содержание тэга title или alt. <img title="это видно" src="...">
При чем тут ссылка на картинку?

Прочтите внимательней. Картинка задается в виде ссылки! Ссылка и посвечивается в браузере при наведении.

 

[RomanSh]

Прочтите внимательней. Картинка задается в виде ссылки! Ссылка и посвечивается в браузере при наведении.

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

 

[2cher777]

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

Нормально он все в первом сообщении написал. Задача решается наложением слоя-пустышки с левой ссылкой.

 

[RomanSh]

Остается понять: зачем, тогда, вообще нужна ссылка, если она не нужна?) Или зачем ее менять?)
<a href="ya.ru">
<img src="...">
</a>

 

[helpcms]

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

Пример: Есть интернет магазин site-A.ru у него картинки товаров загружаются с сайт поставщика site-B.ru(к примеру, картинок слишком много чтобы загружать их на свой сайт этот вариант сразу отсекаем! )
Владелец сайта site-A.ru не хочет чтобы посетители его сайта видели сайт поставщика(site-B.ru) при наведении на изображения или при их открытии!

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

Простое решение с использованием галереи fancybox и jQuery:

<a href="Для просмотра ссылки Войди или Зарегистрируйся" class="fancybox-ss" rel="fancybox-screenshots" target="_blank" title="Открыть в полном размере"> <img src="Для просмотра ссылки Войди или Зарегистрируйся" style="max-width: 120px; height: auto;"></a>

<script>
var $ = jQuery;
$(document).ready(function() {
$("a.fancybox-ss").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
});
</script>

Вопрос: Как скрыть site-B.ru при наведении на изображение или при его открытии.

 

[helpcms]

Задача решается наложением слоя-пустышки с левой ссылкой.

Не понимаю как будет в этом случае полноразмерно открываться изображение. Покажите реализацию вашего решения применимо к моему примеру.

 

[RomanSh]

Простое решение с использованием галереи fancybox и jQuery:

В фанси не обязательно в href держать ссылку на картинку. Пример с моего сайта:

<a  rel="fancybox" href="#glr_448_602" style="background-image: url(/upload/b/map.png);" data-thumb="/upload/b/map.png"></a>

+ ниже в коде

<div id="glr_448_602"><img src="/upload/b/map.png" title="" alt=""></div>

По факту - задача не показывать ссылку при наведении мышкой - уже решена. Только немного верстки потребуется еще


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

Поэтому: генерируйте вопросы развернуто

 

[Den1xxx]

Не понимаю как будет в этом случае полноразмерно открываться изображение. Покажите реализацию вашего решения применимо к моему примеру.

При любом использовании яваскрипт/css (т.е. только на стороне клиента) вы не достигнете поставленной задачи.
Просто потому, что поисковики, например, не видят подмененное яваскриптом, а также адрес будет ВСЕ РАВНО светиться в коде.
Есть ещё такая вещь, как кроссдоменная безопасность. Что вообще исключает подобные решения на стороне клиента в принципе.

Если хотите нормального решения, чтобы урл картинки вел на ваш сайт — используйте сервер, т.е. PHP, пример я привел.
Если немного поизвращаться и дописать код, а также подключить .htaccess с mod_rewrite, адреса могут быть полностью изменены, а сторонний человек не сможет догадаться, что картинки не ваши. Но для этого надо или голову включать, или деньги кому-то платить, а у вас, похоже, задача стоит — не решить задачу, а набить постов побольше.