Saturday, 31 July 2010

Blog Changes and Dalmatian Update

Well one guess and it was wrong! I do hope that it is working correctly in all browsers. Ah well now to reveal - I'm not sure how you write the sound 'dah dah' !

What I hope now happens when you click on a painting is that it opens on the same page as the blog, not a new page as previously. I used to have this for my old website galleries before I updated my website (www.azpaintings.com - not this blog) and it is something called 'Lightbox' devised by Lokesh Dhakar and is, to quote: "a JavaScript application used to display large images using modal dialogs". It is in very widespread use over the net as it is so useful and visually appealing. In one way it is very easy to implement on a blog and in another way, takes ages. The reason for this is that for it to work, a tiny bit of html code has to be removed from older photographs - the newer ones don't seem to have it and so are okay.

Anyway, for those who would like to implement the effect on their blog this is what you need to do:
(always save a copy of your template before you make any changes in case you can't make the new one work)

Login to Blogger Dashboard, go to Layout → Edit HTML and add the following code right before the </head> tag:


<link href="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css" media="screen" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript">script>

<script src="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js" type="text/javascript">script> 

(of course you need to save this)

If your photos on your blog are new, that's all there is to it. However, if they are older - and this was the vast majority of mine, then you need to edit the html code on each of them. Near the top of the post you will find a line which begins: '< a href ' If you find the code s1600, all is fine, but if it says s1600-h, you will need to delete the '-h' part of it.  (this will drive you to the edge of insanity by the way)

I found the above information from this blog deluxeblogtips.

*************************

Now to the Dalmatian part of this posting, you may remember the rescue of a Dalmatian named Fletcher who was gravely ill with pneumonia. Well, I am more than delighted to say he is fully recovered and although it was very hard for his foster mum to let him go, he now has a forever home and his new owners are thrilled with him and he has apparently settled in very well.

2 comments:

Dean Grey said...

Anne!

I just clicked onto one of your paintings to see the "lightbox" effect firsthand.

Oh, how neat! It works!

Thanks for sharing the code with us. I'll have to give this a try on my own blog(s) now!

-Dean

annezoutsos said...

Glad you like it BUT you will have to change every one of the images on your blog as otherwise they won't load - BEWARE!!