Feb 232005

So, Grace’s comment a few posts ago got me thinking about ways that I could make the design of this website better. The most obvious problem is that while I clearly like posting my favorite pictures on the main page, they take up tons of space (and I would imagine cause problems for people running their PC’s with lower screen resolutions).

After exploring a few different options, I found what looks to me like the perfect solution: a pure-CSS, XHTML-valid image zoom that uses a single file for both the thumbnail and full-size image. Just hover your mouse over the thumbnails to see the larger version!

Update 2016: This method has been replaced by a more mobile-friendly lightbox; you must now click the images, rather than hover.

So, to test it out I uploaded a few more pictures from the Fushimi Inari trip. Please let me know what you think, whether you like this method better or if you just prefer that I keep doing my posts the old one-medium-resolution-image way πŸ™‚

For those of you who are curious, information on this method can be found on this website.

And without further adieu, some more pictures!

While going through the unposted shots from last time, I noticed that I failed to represent any of the many beasts we encountered during our visit. Hey! Here’s my second chance!

“Oi, Tanaka-san…if we don’t do something about this giant snake’s drool, someone could slip and get seriously hurt.”

“Not to worry! We’ll just put this tiny bucket here, that ought to solve the problem in a jiffy.”

Time to mix things up a bit…my respect goes out to anyone who can offer me a more poorly translated sample of the English language. I mean, come on people! This was on a storefront window!

Just for good measure, here are a few more of those pretty plum blossoms. Marvel at their flowery-goodness.

I think that’s enough to get an idea. So, what do you all think? ‘Eh? ‘Ehhh?

  17 Responses to “Ideas”

  1. Ooh, neato. I want sunshine and pretty trees. L.A. must be sad that you left because it will not stop RAINING.

  2. Like it a lot. Much faster and easier to see images. Good! Good!! Good!!!
    Love you.

  3. I like it….especially if it means more pics/updates πŸ™‚

    Good job getting it done w/ valid CSS/XHTML…..that is really awesome and the way to go

  4. Hey, while the Ume (plum) blossoms are out, make sure you go to Kyoto’s most famous Ume-hanami temple: Kitano Tenmangu. It’s near Senbon-Imadegawa (you can take the bus from your place right there).

    Oh, and if you like Fushimi-inari (who doesn’t?) you should really check out Daigo-ji and Kami-gamo-jinja. Not famous for torii, but tons of off the beaten path treatures to discover.

  5. Another cool place if you haven’t been is Otsu. If you take Keihan (I think), you end up with the train riding down the middle of the street. Also, the view of Lake Biwah is gorgeous.

  6. aww I feel special, I got a journal mention! good job with the image zoom — it totally helps with the layout of the pictures and text, but I’ll be snarky and say it doesn’t help with the loading bit because it’s the same image and thus same file size, but you already know all that fun stuff. I only complain because my roommates are too sheisty to pay for cable internet and so I’m stealing wireless DSL (which sucks). but I do like the pictures. πŸ™‚

    esther (kang) says hi. she said she’s known you since first year.

  7. Yeah, i know about the load time deal…but hey, this aint no low-bandwidth website anyways, with my 100meg video files πŸ˜› Besides, making 2 copies of every picture (thumb + full-size) would take way longer and probably result in my getting lazy and posting less pictures…and we woudln’t want that, now would we?? πŸ™‚

  8. What a great Dad you have.

  9. Haha…you have no idea how great he really is πŸ™‚

  10. good job in responding to your readers suggestions to upgrade the picture viewing process with your new photo reviewing solution (a pure-CSS, XHTML-valid image zoom that uses a single file etc). you provide excellant customer service to your demanding subscribers. one too thee.

  11. Justin,

    Just thought I’d check in. I’m modifying the whole “comments” section of my site and remembered your use of my PHOTO-ZOOM technique.

    Looks like it is a hit!

    I envy you your experience in Japan. (For me, it was the jungles of Sumatra … a completely less-urban experience … but the idea is the same).

    I’ve enjoyed your posts, the pics and your thoughts.

    Keep rolling along!


  12. I like this idea of a pure-CSS, XHTML valid image zoom that uses a single file for both the thumbnail and full-size image. Though, if I may add? I wonder if this method will also allow you the freedom to tweak its capabilities a bit, when hovering your mouse over the thumbnails to see the larger versions?

    For instance: When hovering anywhere over the image, if there was a way to tweak it to where it’ll open up the image, along w/automatically sync the file size to center itself on the screen, oppose to having to scroll up or down the page to view its entirety?

    Because, even without scaling the file size down to fit within the stabilized screen viewing capabilities, if you’re not within the proper scroll-area for the image to open up properly, you’ll have to re-scroll up or back down, then re-hover the image to properly view it’s entirety.

    Which, of course, if this were possible would make the file size (of both the portrait style photos and (especially) landscape ones) of your photo size smaller, but yet may also be less of a hassle for the viewers. Though, not sure of hassle it would be to do this on the back end. But overall, I think this update is great and your photos look wonderful!

    • Yup, of course it could be tweaked, & I have several times (this post is nearly 10 years old & the version you see now is considerably different from the original). I’m not really using this method much now anyway tho, except for one or two header images (see recent posts). So…yeah πŸ˜›

    • This comment was blending-in just fine, ’til you pointed out the timeline! *insert serious face here* << too soon to joke w/one another? *secretly hoping you find this humorous*

      Guess I'm just so used to the photos automatically opening-up on my Weebly site and centering itself on the screen upon 'left click' (no matter where the placement of the photo is on the page), that I was hoping that you would be able to make it do the same here as well. I guess that was what I was trying to convey. πŸ™‚

    • Haha ok, gotcha πŸ˜‰ Definitely no time to even think about changing this tho. Any blog hours should definitely go towards catching up on the 2+ years of posts I’m behind on πŸ˜‰

    • πŸ™‚ No worries! Just wanted to pitch you some ideas & suggestions since you mentioned it in your blogs. And yeah, I’ve noticed the couple of years delay since you’ve last posted. So I figured, let me start from the beginning, with hopes that by the time I reached the end — you might’ve caught-up w/posting some updated ones. Though, it’s good to observe that you’ve taken a breather to just enjoy your real life experiences, along w/the travel itself for awhile without feeling obligated to update. And although we’re only strangers and don’t know one another very well — the more I read-on, the more I feel I’m getting to know you better through your experiences, photos & blogs, along w/your feedback & response. So far, it’s been very interesting and you’ve kept me entertained, as I enjoy taking my time in reading them all.

    • Glad to hear it πŸ™‚

 Leave a Reply




Notify me of followup comments via e-mail. You can also subscribe without commenting.


Contact | Terms & Privacy
©2004-2021 Justin Klein
whos online
HTML5 Valid
04-13-2021 00:21:17UTC 0.49s 67q 31.7MB