title: How can fake URL on hover and right-click (copy link localtion) but not on the click?
body: <p>My <a href="http://www.visualise.ca/" rel="nofollow">website</a> is running Wordpress and I use fancybox to nicely load images and image galleries. The cleaned version of my Wordpress loop output ends up looking like this:</p>
  
  <pre><code>&lt;article&gt;
   &lt;a href="image1.jpg" id="1460" rel="fancybox-1460"&gt;&lt;img src="image1-thumbnail.jpg" /&gt;&lt;/a&gt;
   &lt;div class="nodisplay"&gt;
   &lt;a href="image2.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt;
   &lt;a href="image3.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt;
   &lt;a href="image4.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt;
   &lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>When the user click on the image1 link, the images gallery is launched via fancybox and this is great. I can also provide a direct url to this gallery:</p>
  
  <pre><code>http://www.visualise.ca/#1460
  </code></pre>
  
  <p>My problem is that when people will visit my website, they will sometimes right click on the thumnails in order to copy the link of the gallery and they will end up giving the following to others:</p>
  
  <pre><code>http://www.visualise.ca/image1.jpg
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>http://www.visualise.ca/#1460
  </code></pre>
  
  <p>So I would like to fake the url in order to make sure people give the right one to others (url with hash). I have to make sure the url to image1.jpg is changed to [http://www.visualise.ca/#1460][7] on hover and right-click but not on the click itself.</p>
  
  <p>I also think the javascript or jQuery code has to be done inside the loop so I can use the following:</p>
  
  <pre><code>&lt;?php bloginfo('url'); ?&gt;/#&lt;?php the_ID(); ?&gt;
  </code></pre>
  
  <p>to obtain this from Wordpress:</p>
  
  <pre><code>http://www.visualise.ca/#1460
  </code></pre>
  
  <p>Many thanks for your time and help.</p>