Dave Burke : Freelance .NET Web Developer specializing in Online Communities

CSBlogs : Integrating CSGalleries, Image Panel

I started out building the Gallery Images Panel just like the Categories Panel I described here, by adding a CS ExpandedPanel to the Admin Blog PostEditor page.

The Gallery Images Panel contains the 60 most recent images added to CSGalleries, with most recently added listed first.  This is logical, considering that I normally want to display images I just uploaded.  The option to display images in a single category is also available, as shown in the example screenshot.

Each thumbnail in the panel has three buttons: 1) create tiny thumbnail, 2) medium thumbnail, or 3) a 500x350 pixel picture for display.  The appropriate HTML is then generated and added to the textbox below which I then manually append to the post body in FTB HTML view. 

nGallery created thumbnails and other supporting image displays when images were loaded. CSGalleries takes a smarter approach, and that is to create the images dynamically from each "master" image located in the default /photos/storage folder.  Those files are named with the convention of the picture object's SettingsID, SectionID, and PostID (example: 1000.6.2432.)  So for thumbnails and other images to display in feeds and blog pages in standard URLs, they must be written to disc as .JPGs as part of the process.  I created three subfolders (tinythumbs, mediumthumbs, and bigpics) under /photos/storage, with http://mysite/photos/storage/tinythumbs/69.jpg as an example URL.  It makes sense if you look at the HTML generated in the TextBox.

Click on the screenshot to display the image actual size. 


 

Comments (3) | Post RSS RSS comment feed

Posted on 4/13/2005 6:30:00 PM by Dave Burke
Categories: Community Server
Tags:

Related posts

Comments (3) -

4/13/2005 10:58:49 PM Permalink

Wow!  That is an awesome idea.

David Voss |

4/23/2005 6:40:29 PM Permalink

Hmmm, well kinda off topic, but I like the "click to see a full size image"...  I am thinking I just might have to add some sort of option to my Insert Image From Gallery for that...  I suppose it would be only a good idea if I also had the gallery resize a smaller than original image for the post =)

Dan

Dan Bartels |

4/23/2005 6:45:43 PM Permalink

Dan, do you mean inside the image panel?  Or your FTB Gallery control?  Wouldn't a simple window.open() wrapper do that?  Maybe I don't understand.  The trick in displaying the images in a blog post is writing the JPGs to disk first to display outside of a CSGalleries context.

daveburke |


Powered by BlogEngine.NET 2.0.0.36
Theme by Dave Burke