Tuesday, 8 May 2007

TIP - Picture displays 101(a)

Let us step back to the original request about how to insert a picture within a post so that, when clicked, it will take the viewer to a larger version of the same picture, hence allowing more detailed examination.

The only caveat I would add here is that you should try and keep your original pic to a reasonable size, say 800 pixels wide, so that people with slower dial-up connections don't have to wait an age for them to be downloaded to their screen. The real down-side to making the pictures 'huge' is that people might stop visiting if they feel that they have to wait an unnecessarily long time for something to display!

My Cyprus Garden - View 1

These are views of my garden when I was lucky enough to live in Cyprus for a short time. The house and garden were perched on top of a cliff that overlooked the blue Mediterranean. Glorious!

My Cyprus Garden - View 2

I just uploaded the originals to Blogger, chose to have them display as 'centred' and in a 'medium' format (size) on the page, and Blogger did the rest.

Now that Blogger had done the hard work I then clicked on the 'edit' icon below the post and chose to edit the HTML version, but only to add a couple of little 'extras'.

image edit screencap

You should make it a rule for any picture you display on your site to 'identify' it by giving it some 'alt' text. This helps the visually impaired who may be using a screen reader to access your blog. I did this in the code that Blogger generated. The second thing I did was to insert target="_blank" at the end of the code line so that when a viewer clicks on the picture it is opened in a new window. Frowned on by the W3C standards validation people, but I will explain my reasons at a later date!

Nothing difficult about that, huh?

back to the top



david mcmahon said...

El Tel,

Some garden! Some blog!

I doffs me hat, squire.


Fletch said...

Yup, the garden was worth maintaining.

See that patch of blue in the second pic, where the sea and sky meet? Now, (and this will really blow your mind) imagine the Red Arrows doing their 'certification' displays for the season, every March for 10 consecutive days, and you will understand why I loved that spot!

Certification?, Ah, yes. Despite the team being made up of the 'top-jocks' from the RAF they still had to prove to an Air-Chief that they could do their stuff before they were given permission to 'Go Display'. The Air-Chief assessed the displays from the CINC's residence a couple of K's to the west of me, but it was generally accepted that he didn't enjoy as good a location as 'yours truly'!

Will continue to take apart the various 'scripts' and 'plug-ins' so that your visitors can get the best out of their blogs.