$(document).ready(function(){ $('#photos').galleryView({show_panels: true,show_filmstrip: true,panel_width: 400,panel_height: 300,frame_width: 100,frame_height: 100}); });
I even tried that with the jQuery livequery plugin, which creates an infinite loop. I tried searching google for a solution, and only found one thread after extensive searching of people having the same issue of getting this plugin to work with ajax, but there was no solution. this is the thread http://stackoverflow...l-containing-js
My html looks like this
<ul id="photos" class="filmstrip"> <? foreach($MediaItems as $Media): ?> <li> <img src="<?=public_path("uploads/".$Media->local_path)?>" /> </li> <? endforeach ?> </ul> <script>ShowImageGallery();</script>
ShowImageGallery() is simply
function ShowImageGallery() { $('#photos').galleryView({show_panels: true,show_filmstrip: true,panel_width: 400,panel_height: 300,frame_width: 100,frame_height: 100}); }
I have tried using callbacks also, to know avail.
The galleryView() function is however being called with ajax calls and it reformats the html structure for #photos but that's about it....nothing visually shows even though the html for the gallery is there...
Any help would be greatly appreciated!