gpDojoGallery: A Dojo Photo Gallery Widget
Tuesday, July 27th, 2010I added a new photo gallery to galleries.digitalvilliage.com. I created the Photo Gallery widget using Dojo Toolkit about a year ago for a project that I have been working on. I recently updated to give it more options than I needed for my project.
The gpDojoGallery widget can be set to display thumbnail images in the center, left, right, top, or bottom of the page. When the thumbnails are set to the center position, the dojox.image.Lightbox module can be used to display the large image.
The widget receives a JSON object that contains the image information (location, width, height, etc). I store the information using dojo.data.ItemFileReadStore, so it was easy to add a pics-per-page option just be limiting the number items to be read within the store.
if (this.picsPerPage) { request = imageStore.fetch({onBegin: startFetch, onError: fetchFailed, onComplete: initGallery, start: 0, count: this.picsPerPage}); } else { request = imageStore.fetch({onBegin: startFetch, onError: fetchFailed, onComplete: initGallery}); } |
The gpDojoGallery widget was fairly simple to create, but it has enough options to be a very versatile photo gallery. You can view demos on my digitalvilliage.com site. The widget (and demos) can be downloaded from GitHub.
June 10th, 2011 at 8:23 am
Very good.. I really like this project code…. I like it… I’ll use at http://www.dotcrush.com also will share this information on that page.. if you allow me.
Khursheed Alam´s last [type] ..5 Best iPhone Music & Photography Apps 2011