do tego mozna stworzyc div'a
np.
<img src="images/spacer.gif" width="200" height="200" style="background: url(images/dontdownload/zdjecie01.jpg) no-repeat">
spacer.gif to przezroczysty gif o wymiarach 1x1 i zajmuje ok 24bajtow a wlasciwy obrazek jest pod nim wiec klikajac na obrazek to bedzie klikal na spacer.gif a nie na twoje zdjecie01.gif

. to jest chyba najprostszy sposob. jednak nie uchoni cie to przed osobami ktre beda chcialy zajrzec do html'a

(odpada tworzenie klas css bo muialaby byc odzielna dla kazdego zdjecia).
najbezpieczniejszy patent (do rozgryzienia tylko dla developerow) to uzyc ajax'a do popularyzacji wlasnosci style z poziomu javascript na podstawie oddzielnego wywolania zeby pobrac adresy konkretnych obrazkow, pomysl mam ale jeszcze go nie implementowalem - moga sie pojawic problemy przy przegladarkach bez obslugi js (a to juz nie jest "ajax friendly design").