Is there any documentation on the gallerimageviewer control?  Or is that something I have access to edit somewhere?  I'd like to add a lightbox effect with the full size image on click.

Looking at the templates and config files, I can't really find a way to get to the code that control puts on the page.

Which view in particular are you trying to customize, the gallery view or the individual image view?

The gallery is render with javascript. You aren't going to be able to really customize much unless you wanted to get creative with jQuery.

There is a jQuery lightbox plugin, where you just specify an element ID and it will lightbox all images inside the element. Or at least that's what the documentation says it will do...

http://leandrovieira.com/projects/j.../lightbox/

I would like to customize the individual image view. I will look at this plugin. Though I'm guessing it will be a challenge to render the image in a size bigger than what AS is rendering it as on the image view page.

Well, there is a work around I found that might suit your needs.

The images in the gallery are loaded using the viewer.aspx image handler. It uses a query string value to determine which size to display the image. The src for the image looks like this: /desktopmodules/activesocial/viewer.aspx?PortalId=0&r=634352139330000000&sid=0&fid=7&sz=3

The sz=3 is what we are interested in. It can have one of these values 1,2,3. These correspond to the settings you have for Small, Medium, and Large images on the settings page of the control panel (with 3 being large).

So what you can do, is set the Large image size in the control panel to something much larger like 600x800 or similar. Then edit the ImageView template to display the images in the Medium size: active:galleryimageviewer id="ctlImage" runat="server" ImageSize="2"

Then when you view a Medium sized image in the gallery, and click on it, use the lightbox to display the image in the new Large size (most likely using the query string from above.)

I haven't actually looked at the jQuery plugin, but I hope this gets you started. I should mention that changing the default image sizes will not affect previously uploaded images.

This looks helpful. I haven't been able to try it, but I will post the results.

Works Great!!!

FYI, I kept my imagesize number the same and made the popup use sz=4

Don't know when this happened, but this no longer works for me.

The control is no longer spitting out the same src.

active:galleryimageviewer id="ctlImage" runat="server" ImageSize="2"

Instead of this format /desktopmodules/activesocial/viewer.aspx?PortalId=0&r=634352139330000000&sid=0&fid=7&sz=3

I'm getting

/Portals/0/activesocial/profiles/4/gallery/5/lg/1613.jpg?634176988330000000

This is only on the View image page. On the screen before (AlbumImages), the source for the images is the same as it used to be.

I am not really sure how you got sz=4 to work in the first place, it would not render an image for me.

In any case, could you use the different size specifications method that I mentioned in the previous post?

In that second url /Portals/0/activesocial/profiles/4/gallery/5/lg/1613.jpg?634176988330000000

You can change lg to md or sm to change the size (large, medium, small)

Ok, I changed to to 'or' and that did the trick. However, I was hoping you could explain the change in behavior. I thought maybe it would help indicate why I have so many other unsolved problems right now with not being able to save things.