How to Use jQuery 1.3.2 with the Xmod Lightbox Demo Using Thickbox 3.1
Sep
8
Written by:
9/8/2009 10:29 AM
I was searching for a method to upgrade the Xmod lightbox sample that uses Thickbox 3.1 for use with the latest jQuery 1.3.2 version. I soon discovered that Thickbox 3.1 does not support jQuery 1.3+ but this can be fixed easily by changing a single line in thickbox.js Here is how I did it...
With the use of jQuery on a DNN page, I wanted to ensure, when using the lightbox code in my XMod applications, that my call to the jQuery version from the location /DesktopModules/XMod/scripts/jquery.js was not going to cause conflict with additional modules that were using a newer version of jQuery.
After considerable research, I discovered that it was realtively easy to do.
1. Download the latest jQuery 1.3.2 and upload it to a location on your portal. At the time of this post I am using jquery-1.3.2.min.js. It can be downloaded from
Download jQuery 1.3.2 here
2. I changed the link location in my XMod template code from
/DesktopModules/XMod/scripts/jquery.js
to the location of the upload directory where I placed the jquery-1.3.2.min.js file
In my case: /Portals/0/xmod/packages/BusinessDirectory/jquery-1.3.2.min.js
3. I opened the thickbox.js file and made the following change:
TB_TempArray = $("a[@rel="+imageGroup+"]").get();
to
TB_TempArray = $("a[rel="+imageGroup+"]").get();
and saved/uploaded the thickbox.js file back to my portal.
That's it!
You can see the result in action at DNN Professor DNN Directory
Click the more info link on the JustNorth.com listing and click the photos tab.
Enjoy,
Buck
Copyright ©2009 Buck Anderson and DNNprofessor.com