DNN Image Module Template Modifications

image

With our DotNetNuke Image Module, the module comes with several templates. It is possible to modify any of the templates and create images and looks to suite your needs.

The original lightheads template that we use the following html for the thumbnail:

     <div class="iwebs-pic " style="background: url(‘$item.image’) no-repeat scroll 50% 50% transparent;">

     That means the raw image will be used as background image for the thumbnail rectangle. Since the background image will not be cropped or resized, you can only see part of the whole pic.

I You can change the template <div class="iwebs-pic " style="background: url(‘$item.imageresize‘) no-repeat scroll 50% 50% transparent;">

However, in order to keep the proportion, there will be some blank area for each thumbnail.

image

If you do not care about distortion of the thumbnail and want to fill the blank area any way he can use <div class="iwebs-pic " style="background: url(‘$item.thumbnail’) no-repeat scroll 50% 50% transparent;">

http://www.interactivewebs.com/mushroom-image/Demo/LightBoxEffect.aspx

Other DNN Modules

About InteractiveWebs

This blog is the combined blog work of the InteractiveWebs Dev Team. Together we work on a range of DotNetNuke (DNN) applications, modules, Silverlight, and Microsoft CRM Portal integration products.

Our Business is website design and hosting, with a strong focus on DotNetNuke, Microsoft Dynamics CRM, Silverlight and iPhone iPad development.

Tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *