I created gallery using this great tutorial.
http://modxrules.com/articles/modx-revolution-gallery-with-colorbox-and-jquery-asynchronous-image-loader-jail#jf037e8f52
It has almost everything I wanted in a gallery.
But I have a problem.
At first I tried this tutorial on blank testing page to see if it works for me. It worked great so I wanted to use on my working site. That didn’t go so well. Lightbox effect didn’t occur. Could still click on thumbs though.
After doing some troubleshooting I found out why this gallery isn’t working on my site.
It’s this small script:
<script type="text/javascript">
$(document).ready(function () {
$('.gal-item img').asynchImageLoader({placeholder : "assets/uspot/images/loading-thumb.gif"});
$("a[rel='colorbox']").colorbox();
});
</script>
It breaks my navigation and prevents gallery from working.
For testing purposes I removed this script from blank testing page mentioned earlier and gallery stopped working. So I’m pretty sure this script is whats preventing gallery from working on my site, I triple checked everything else.
Could someone please help me with this ?
Edit: Someone on tutorial site suggested that jquerry should be called first, that fixed my problem.