Friday, February 4, 2011

Embedded Ansel Gallery widgets

This shows how to embed your Ansel galleries using a JavaScript "widget". As you can see, on the right there is a Blogger widget added to display a single Ansel gallery. The code for the widget is similar to:

<script type="text/javascript" src="horde/services/imple.php?
imple=Embed/impleApp=ansel/gallery_id={gallery id}/container=anseldiv1"
></script>
<div id="anseldiv1"></div>


You can also embed directly in a post if your blog / editor allows the use of script tags. This sample also demonstrates a few other options you can pass to the widget:



As you can see, we are only including two images, and have chosen to use the larger, pretty thumbnails in place of the smaller, mini thumbs. We also included some custom CSS to override the included CSS and remove the image borders.

No comments:

About Me

A member of the core deveopment team for the Horde Project. This is strictly a test blog for testing embedded content from Horde sources. If you are really *that* interested in me, you can view my real blog at http://rubinskyfamily.com/mike