Displaying A Large Image In A Blog Post
Whenever I place an image in a blog post there are two options:
- If it’s a photo I just embed the small version and link to Flickr.
- If it’s a screen grab or something, I upload it to my server and embed the image directly. I like to keep my Flickr photostream clean and only host photos over there.
The problem with the second option is that I have to make the image small enough that it doesn’t blow width limits due to the design of the blog page itself and cause it to run out of the center box. This means that the image can be too small to be really useful.
Now, try clicking on the following image.
Cool, huh?
Of course, if you’re reading this in an aggregator you’ll have to go to the webpage to see what I’m talking about.
Now I can feel happy about embedding a small image, as the user can click through to the full image with cool presentation goodness.
You can read about the technique and download the code over at Huddle Together.
[Tip’O’Hat to Kelly Smith for the link.]
0 TrackBacks
Listed below are links to blogs that reference this entry: Displaying A Large Image In A Blog Post.
TrackBack URL for this entry: http://www.steve-lacey.com/cgi-bin/mt/mt-bar.cgi/891
It is pretty sweet huh!
Apparently, it only works in IE. I was wondering what the big deal was, as in Firefox the smaller image just linked directly to the larger one. Been doing that since browsers started supporting inline images ;-)
Wait - I'm wrong. Looks like the page didn't actually reload when I enabled Javascript. Very cool.
????????????
?? ????? ???????
? ??? ???? ???? ???? ?? ?????? ??? ???????????
???????? ? ??????????? ????????????? ????????
?? ?????? ??? ?????????? ? ???????? ?????????? ???????!
???? ??? ?? WWW.BYOPT.NET
????? ???? ????????? ??? ?????????
????????????
??? ???-?? ????????? ??? ????? ??????? ?????.
??? ???????? ???????? ? ?????????? ?????????,? ????? ??? ?????? ??????.
??? ??? ? ???: http://byopt.net/14.html
?????