Как может фальсифицировать URL при наведении и щелчке правой кнопкой мыши (копировать ссылку), но не при клике?

Question

Мой веб-сайт работает под управлением Wordpress, и я использую fancybox для удобной загрузки изображений и галерей изображений.Очищенная версия моего вывода из цикла Wordpress выглядит примерно так:

<article>
 <a href="image1.jpg" id="1460" rel="fancybox-1460"><img src="image1-thumbnail.jpg" /></a>
 <div class="nodisplay">
 <a href="image2.jpg" rel="fancybox-1460">&nbsp;</a>
 <a href="image3.jpg" rel="fancybox-1460">&nbsp;</a>
 <a href="image4.jpg" rel="fancybox-1460">&nbsp;</a>
 </div>
</article>

Когда пользователь нажимает на ссылку image1, галерея изображений запускается через fancybox, и это здорово.Я также могу предоставить прямую ссылку на эту галерею:

http://www.visualise.ca/#1460

Моя проблема в том, что, когда люди посещают мой сайт, они иногда нажимают правой кнопкой мыши на thumnails, чтобы скопировать ссылку галереи, и онив конечном итоге будет давать следующее:

http://www.visualise.ca/image1.jpg

вместо:

http://www.visualise.ca/#1460

Поэтому я хотел бы подделать URL-адрес, чтобы убедиться, что люди передают право другим.(URL с хешем).Я должен убедиться, что URL-адрес для image1.jpg изменен на [http://www.visualise.ca/#1460][7] при наведении и щелчке правой кнопкой мыши, но не при самом щелчке.

Я также думаю, что код javascript или jQuery должен выполняться внутрицикл, чтобы я мог использовать следующее:

<?php bloginfo('url'); ?>/#<?php the_ID(); ?>

, чтобы получить это из Wordpress:

http://www.visualise.ca/#1460

Большое спасибо за ваше время и помощь.

Answer 1

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

как то так ..

<a href="http://www.visualise.ca/#1460" id="1460" style="background: url('image1-thumbnail.jpg');"></a>

Таким образом, «Копировать расположение изображения» не будет отображаться, а «Копировать местоположение ссылки» скопирует нужный URL.

В качестве альтернативы

1. Вы можете использовать JavaScript для отслеживания щелкнув правой кнопкой мыши, скрыть контекстное меню и скопировать местоположение в буфер обмена и интим Пользователь об этом. (менее удобный для пользователя)

2. Последний вариант - предоставить кнопку как "Копировать URL изображения", который на нажал, скопирует URL в Буфер обмена.