Hey Mark. What kind of hyperlink are you wanting to add?
Hi Allen just a simple link to a page preferably a (click here link) to go somewhere within the fancybox animation.
OK I have managed to find code that allows me to create a text link that then opens out a fancybox animation that has a html link in it.
<a href="#east" class="fancybox">The East</a>
<div style="display:none" class="fancybox-hidden">
<div id="east">
<img src="http://www.ricecreative.co.uk/willisnursing/wp-content/uploads/2013/01/swatch2.jpg" alt="click" /></a>
<strong>The East</strong>
Dolem est las pour alfec
<a href="http://html-ipsum.com/">Click to go to page</a>
</div><!--End of east->
</div><!--End of east href-->
What I would like if it’s possible is code that enables me to have an image that opens a fancybox animation that I can have a link in.
Ok I have managed to do it
/*------- (HTML) FANCYBOX LINKED TO AN IMAGE WITH HTML CONTENT-------*/
<div class="wrapper">
<a href="#north-west" class="fancybox"><img src="http://www.ricecreative.co.uk/willisnursing/wp-content/uploads/2013/01/swatch.jpg" alt="click" /></a></a>
<div style="display:none" class="fancybox-hidden">
<div id="north-west">
<img src="http://www.ricecreative.co.uk/willisnursing/wp-content/uploads/2013/01/swatch.jpg" alt="click" /></a>
Address Lorem ipsum
Dolem est las pour alfec
<a href="http://html-ipsum.com/">Click to go to page</a>
</div><!--End of north west-->
</div><!--End of north west href-->
</div><!--End of wrapper->
Awesome Mark. I’m just now able to get back to this. Mark this as resolved if you are done with it.
Yeah – thanks Allen code above works a treat.
see map on test site i have just started creating
http://www.ricecreative.co.uk/willisnursing/