Hi everyone,

Is there a way to make a lightbox type display via RSD? I would rather not do all the coding of bringing Virtual Light Box into the site.

Has anyone done it where they make a hover type zoom or something?

Hi Kristi,
Well I use http://www.jacklmoore.com/colorbox for lightbox effects but like you say it can be a bit involved. I added my own CSS and rewrote the jquery a bit for RSD, you can see it on a site I'm in the process of making now on this page: http://www.gordw.com/test/fireplace-mantel.html

That said this is about the hover zoom.
You can try this and see how you like it?
I find the transition (ease effect) doesn't work inside RSD but does with preview on in Firefox.

In RSD place a column and drag on a 4x3 or whatever picture from elements.
Go to the design panel and change it to a local image like usual.
Now change the default class to zoom
Make the margin auto / auto to center it.
Open position and use display block,
in position use relative by highlighting, then set it to 0 auto 0 auto

Now scroll back up and change the state to HOVER in style.
In there go down to EFFECT and check box shadow
then change the SCALE to 1.4 (you can play with that later)

Okay since RSD doesn't include any transition effects we need to write our own CSS and add it to the HEAD.
So go to settings and in the box that says HEAD paste this:

Now use PREVIEW ON to see it in your browser ( so you should see the transition ease work)

That's just a basic zoom but if it's what you want, it that should give a way to start.
and for any other images from now on you can just apply the "zoom" class.

Here is the live link so you can see it before you try it out:
http://www.gordw.com/zoom/index.html

Here's another example.
http://progrower-rsd.coffeecup.com/colorbox.html

and another
http://progrower-rsd.coffeecup.com/flexslider.html