Rokzoom in AJAX content
-
-
- Mike Feng
- Sr. Rocketeer
- Posts: 197
- Thanks: 1
-
Hi
I'm trying to run rokzoom through a page that's loaded dynamically through AJAX. If I run the same page manually (not through AJAX), rokzoom works fine (meaning all the necessary scripts and css were loaded properly. No errors there.). If I load it through AJAX, rokzoom fail to work.
There is a similar problem with thickbox. A normal thickbox link in an AJAX loaded content will not work, but there is a solution. Consider this normal thickbox link:This will work on normal pages, but will not work if it is loaded dynamically (AJAX). The solution is to call javascript directly:<a class="thickbox" href="http://www.domain.com/page.php?height=200&width=100" title="hello">click</a>
<a href="javascript:tb_show('hello','http://www.domain.com/page.php?height=200&width=100','');" title="hello">click</a>
I've looked through the rokzoom.js src (posted on another thread), but can't seem to find the javascript function that initializes and opens a rokzoom window. Does anyone knows anything about this?
Regards - My extensions:
http://www.simbunch.com/
http://twitter.com/simbunch
-
-
-
- Mike Feng
- Sr. Rocketeer
- Posts: 197
- Thanks: 1
-
Since RokZoom is a derivative of slimbox, I thought I'd add slimbox's solution to this problem:
<a href="javascript:Lightbox.show('http://www.domain.comimages/image_thumb.jpg', 'hello');"> <img src="http://www.domain.comimages/image.jpg" /> </a>
I've tried replacing "Lightbox" with "RokZoom" but it doesn't work. Firebug gives the following error:
Note I'm using the full source of rokzoom in this example. - My extensions:
http://www.simbunch.com/
http://twitter.com/simbunch
-
-
-
- Mike Feng
- Sr. Rocketeer
- Posts: 197
- Thanks: 1
-
*bump* and one more question:
Is there a way to call a js command that will close the rokzoom window (without clicking on the cross)? - My extensions:
http://www.simbunch.com/
http://twitter.com/simbunch
-
Time to create page: 0.051 seconds