Fancybox 2 and tagger integration

I have this, which uses fancybox 2 when opening images. [url removed, login to view]?

And I have a customized image tagger-hotspotter, which outputs tag positions like this, for every image [url removed, login to view]:


My main problem is, fancybox does not allow me, to utilize that, only if I put the fancybox in iframe mode, and that I could not set up properly. If someone can get the normal funcionality of fancybox for me, while being able to show the spots as well, retaining fancybox's captions and everything, would be awesome.

Basically: When you click on a fancybox class image, it should somehow apply the above data. The only way I could reach partial results was to make a php file of every picture that has tagging data and trying to call that in an iframe via Fancybox, but then the group left-right button functionality is lost, and also the grouping, also, the iframe never adjusts to the picture's size.

I hope this is understandable :)

I already had to manually customize the hell out of the hotspotter, because the original author does not support it at all.


Edit: Unfortunately the sample spot data was not read properly into the description of the case, but imagine class divs and data within them, having the picture source information tied to it as well.

Here is an example of what I need.

The index.html has normal fancybox functionality. Opens image 1 and 2 superbly obviously.

Open up tagged.html, you'll see the same image as image1, only tagged (over the eyes). In the source you'll see the tag codes.

I'd like to open over index.html's functionality image 1 as it was showing in tagged.html. So make the tags visible on image 1.

Thanks :)

Skills: jQuery / Prototype

See more: this class jquery, prototype plugin, prototype map, make my prototype, jquery class, it support positions, get prototype, david data, sso, jquery grid, annotations, jquery group, responsive image map, fancybox responsive, php jquery grid, jquery customized, hotspotter jquery, jquery image tag, data grouping, jquery data grid, picture responsive, jquery positions, iframe map, awesome picture, jquery button image

About the Employer:
( 1 review ) Dublin, Ireland

Project ID: #4485153

2 freelancers are bidding on average $55 for this job


Hi Flatlined, please check PM.

$55 USD in 0 days
(16 Reviews)

Hi, I can fix this for you please check your PM for more details

$55 USD in 1 day
(11 Reviews)