I have to update a part of a website page with a {fancybox} inside. Of course, after the page is loaded, the {fancybox} is translated into a <a href..> with a fb class. For example:
Code: |
<a href="/images/test1.jpg" class=" fb_5506a1087cfd6" data-fancybox-group="gr_5506a1087f75e" title="test1"><img src="/images/test1.jpg" alt="test1" width="150" height="150"></a>
|
I now make an Ajax call to the server to retrieve another image to display, for example test2.jpg.
What is the jQuery syntax I could use to make a new "fancybox" <a href...> call to that new image test2.jpg.
The problem for me is, because the call generated by fancybox for the first <a href="/images/test1.jpg" ...> does not have an item id, I cannot retrieve the class used for that first <a href>.
I tried giving an id into the first fancybox ( {fancybox id="myID" url=".."} ) but this id "myID" gets lost after the translation by fancybox.
Regards
Stephan.