Website Development Resources
CHouseLive

• This technique is simple to implement and highly adaptable, however if images are disabled the link is also disabled.
• Tutorial explaining how the techique works: Mouse-over Tutorial

<a href="#nogo" class="image-swap-2"></a>

.image-swap-2 {
  display: block;
  width:256px;
  height:256px;
  background-image: url(images/thumbs.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

a.image-swap-2{background-position: left top;}

a.image-swap-2:hover{background-position: right top;}

If you have encountered a problem with this demonstration, or would like an amendment made to the referencing and attributions of the scripts and code used on this page, please send the CHouseLive team an email: cara_remove_@chouselive_remove_.org