Embedded Kronolith calendar widgets

This demonstrates embedding a summary view of a Kronolith calendar - to the right should be a calendar view.

The widget below is embedded with the following javascript:

<div id="kronotest1"></div>
<script type="text/javascript" 
src="http://h4.theupstairsroom.com/horde/services/imple.php?imple=Embed
/impleApp=kronolith/container=kronotest1/view=summary/calendar=internal_XmX-IZcRtLVNSEIVCAABjqA"></script>

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.

Simple embedded Ansel gallery thumbnail

Simple link to an Ansel gallery that shows the gallery's default image. As you can see, you can specify multiple galleries and can specify they gallery style you would like to display the image in. Below you see two galleries represented by a Polaroid "stack".

Lightbox viewing from embedded galleries and arbitrary image lists

This example shows embedding only specific images, not necessarily from the same gallery. This also demonstrates using a lightbox effect with an embedded Ansel resource.

Each image below is from a separate Ansel gallery - and happens to show my daughter at a bed-and-breakfast we frequent during different trips. Clicking on an image will open the larger image in a lightbox within the blog page.