The main web site I manage focuses on gardening - which of course includes flowers. So it only makes sense that our template-mandated 125x125 photos be available in a larger size. After all, there's only so much to admire about a beautiful bloom or luscious greenery if you have to squint to see it.
So I went about the task of figuring out the best way to do this. I decided to go with a specifically-sized pop-up window. We'll put a small link under the regular photo:
And that will bring up a larger image in another window. It will be sized to the photo and won't have a tool bar or address window, just to emphasize its purpose. (Link to larger image.)
This is all accomplished with a small bit of Javascript. I'd like to explain how the script works, but since I don't actually know Javascript, that would be difficult. Like many webmasters before me, I merely copy-and-pasted code that was shared on the always-helpful Webmastersworld. It sounds like cheating, I know, but frankly, I have no interest in learning Javascript. It's kinda like driving a car: you're glad someone put the engine together for you, but you don't have to know how internal combustion works to drive.
Anyone with web experience is probably rolling their eyes right now. The post I found the code on was from two or three years ago - this is old news. But it's new to me, and I can't tell you how proud I was to show off my new "trick" to my coworkers.
No comments:
Post a Comment