Hi Team,
I have a photo on the home page of my class site. I'd like to be able to click on it to enlarge. In order to accomplish that, I've created a link to a gallery page where people can click to enlarge. I'd like to be able to do that in one click. This isn't a big problem with my class site, but two clicks are one too many for my bueiness site.
On my business site,(dianadenholm.com) I've got a slideshow of some documents (book endorsements) on a gallery page. I'd like people to be able to click on them to enlarge, the way I have been able to do with PhotoBucket. I'd rather the viewer not have to go off-site to have it load, the way it does with PhotoBucket. Can this be done?
Please advise. Thanks again!

Diana

Diana --

Here is information on how to make a pop-out photo including an example and a link to the step-by-step instructions.

CLICK TO VIEW

Hi Diana,

Looks like John has a great answer for you. If you need anything else, let us know!

Diana, How are you with scripts? I made a very easy to use script for exactly that purpose, but it's a bit more techie.

Avoids losing focus to the main window, etc.

see our site for example

Thanks, everyone. I'll play with this a bit and see what happens. I appreciate all the great ideas as I certainly ran out of them!

Best,
Diana

Another option is to have the image expand when your mouse hovers over it. For that I use expando... http://www.dynamicdrive.com/dynamicindex4/expandoimage.htm

Jim

Thanks, Jim. I'll try that too...never heard of it before. Clever concept.

Diana

Jim Minor wrote:

Are you using this on your CC website? I see there is the need to place some code in the "Head" section of the page. I didn't think that was possible on CC pages.

You don't have to put it in the head. A lot of sample sites show that, but you really don't have to. Might be something that changed with the browsers over time.

The main issue with the expando method is that it shoves all the surrounding html all over the place. Easy to get lost for larger zooms.

Believe it or not, either method can also be done with CSS. For me scripted method was way easier and way more flexible.

I would love to try using your scrip it you are willing to share it.

Thank you,
Roberta

Sure, esp 1961. It relies on being comfortable editing in source mode. Also doing some basic page mods for Diana. Helps me see how others may want to implement vs my own requirements.

I'll make a sample page that shows the basics and where add the code. Plus a short explanation here. Once one gets the basic concept down, it can help you on other scripts too.

Going over some reunion photos someone just sent me, so hold on a bit.

Jack,
Thank you for your note, I appreciate you sharing your knowledge. Take your time. Enjoy the reunion pics.

Roberta

Here is a sample page. The first one is outside of CC so it's easier to find how to use the code. Look at the html source and read the comments. I can explain something if I messed up and did not explain well enough.

CLICK for Plain Page

This next page is inside of a CC page, so you can see how it looks there. You'll see it looks a bit nicer because that's what it was made for, with the left menu.

CLICK for CC Page

If you shrink your browser window you can see how the autozoom size feature works vs a fixed zoom size.

I rec'd the script, thank you. We have company with children so I will wait until they leave and the house is quiet to give it a try.
Thanks,
Roberta

John,

Sorry I didn't get back to you sooner. I was away.

Yes it's on my CC pages. Whenever there's code like this involved I just break the javascript or whatever apart and place it in my CC file, usually in a separate folder. Had to do it for Crossword puzzles I've got up on the site and possibly one or two others (getting to the point where I lose track of things after a few weeks away from some work like this.) Then on the CC page I just reference the code. Seems to work fine. Could go into more detail if you'd like.

Jim