Stopping people stealing your images
Use a single pixel transparent GIF as a place marker then wrap a div element around the img tag.
alt=””>
Then bring the image into the web page by using the background-property and making sure to set the width and height of the image in both the div and img elements.
div.slide {
width:500px;
height:468px;
background-image: url(photo.jpg);
background-repeat: no-repeat;
}
.slide img {
width:500px;
height:468px;
}
The transparent image is used as a deception, as the users will think they are downloading the image when they are really downloading a transparent image.
Although remember no images are totally safe as all images viewed in a browser get placed in a temp folder on the computer, also someone could just do a screen capture then edit the captured image.