Flushed with success
First off, please don’t take flight on sight of our old toilet as there is more to this story than meets the eye. Not only is this post a bit of fun but it’ll show you something that you can use yourself when it comes to getting more out of your images.
As some of you know part one of our home renovations are near completion. One of the greatest joys for us so far is our new bathroom and four star soft closing toilet. Alas it doesn’t open when standing before it!
So! Do you want to see our new toilet and surrounds?
Well then, pass your mouse cursor over the image below (it may take a moment to kick in) to see what is currently tickling us pink! What a sight for sore eyes or should I say, bums.
As some of you know part one of our home renovations are near completion. One of the greatest joys for us so far is our new bathroom and four star soft closing toilet. Alas it doesn’t open when standing before it!
So! Do you want to see our new toilet and surrounds?
Well then, pass your mouse cursor over the image below (it may take a moment to kick in) to see what is currently tickling us pink! What a sight for sore eyes or should I say, bums.

How do I change an image on mouseover using HTML
You too can use this image effect in your blog. All that’s needed are two images and a few lines of code that you see below.
You too can use this image effect in your blog. All that’s needed are two images and a few lines of code that you see below.
<div><img style="display: block; float: none; margin-left: auto; margin-right: auto" onmouseover="this.src='http://lh6.ggpht.com/_tpq91pcqIw8/S6-k3AbWzjI/AAAAAAAAGjE/U12wkXjt0t4/newtoilet.jpg'" onmouseout="this.src='http://lh5.ggpht.com/_tpq91pcqIw8/S6-kjDAFloI/AAAAAAAAGjA/EQoRNlVfoB0/oldtoilet.jpg'" alt="toilet" src="http://lh5.ggpht.com/_tpq91pcqIw8/S6-kjDAFloI/AAAAAAAAGjA/EQoRNlVfoB0/oldtoilet.jpg" /></div>
- In the code above the first image is named newtoilet.jpg for obvious reasons. The properties for this are in red.
- The second image is named oldtoilet.jpg and the properties for this are in blue.
- The whole image is centered which accounts for the first line of code.
- Copy my code, remembering to replace the image properties with your own, and insert it into your post.
- Hint: It’s best to have two images of the same size.
Now, I’ve tested this in Internet Explorer 8, Firefox 3.5.8, Opera 10.10, Google Chrome 4.1.249.1042 and Safari 4.0.4 and it works in all of them.
The inspiration for this post came when I stumbled across Mohammad Mustafa Ahmedzai’s article on a Floating Feedback Button at My Blogger Tricks while taking a break from home renovations.
Well enough of this! As the sun has just risen it’s about time I started painting the new doors, all eight of them!
P.S. If you do give this a whirl please let me know how you get on.
Update: If you’re viewing this in a reader, Google Buzz or by email you will have to visit my blog to see the effect. It does work in Feedburner for some strange reason!
To be continued…
Read more...
The inspiration for this post came when I stumbled across Mohammad Mustafa Ahmedzai’s article on a Floating Feedback Button at My Blogger Tricks while taking a break from home renovations.
Well enough of this! As the sun has just risen it’s about time I started painting the new doors, all eight of them!
P.S. If you do give this a whirl please let me know how you get on.
Update: If you’re viewing this in a reader, Google Buzz or by email you will have to visit my blog to see the effect. It does work in Feedburner for some strange reason!
To be continued…












