Eine elegante Art, direkte Bilderdownloads zu unterbinden

Dieses Script ist unabhängig von Javascript, Java usw.
Es ist leicht verständlich, aber doch recht zeitaufwendig, da teilweise die Zeilen und Bildgrössen jeweils per Hand eingetragen werden müssen. Es gibt (von meiner Seite) noch keine Automation dafür...
Einen absolut sicheren Downloadschutz für Bilder gibt es nicht, da alle Browser Bilder, Schriften und Text grundsätzlich herunterladen! Hier wird lediglich der Download mit der rechten Maustaste verhindert.

Die Bildübersicht:
Das Beispiel zeigt eine zentrierte 2-zeilige Tabelle [<table border="0" id="table1" align="center">] mit jeweils 4 Spalten [zwischen jedem <tr> und </tr> befinden sich 4x die Aufforderungen <td> und </td>], in der für jede Zelle ein eigenständiger Hintergrund gewählt wurde [<td align="center" background="Gallery/images/thumbs/IMG001.jpg">].
Für diese Zelle wird ein "Dummy", ein sog. Fake-Bild mit der identischen Bildgrösse eingesetzt [<img border="0" src="Gallery/images/dummy.gif" height="100" width="100">], der wiederum mittels eines Hyperlinks [<a href="Gallery/IMG001.html">] aktiv geschaltet wird - NUR SO bekommt man später auch das grössere Bild auf.
Das schützt man dann ähnlich, siehe unten!
Soweit klar...? Das Script im Ganzen:

Das Bild an sich:
Die eigentliche Sicherheit gegen den direkten Download erreicht man hier, indem man ein GIF-Bild als sog. Fake-Bild mit einer transparenten Füllung von 1x1 Pixel erstellt und es dann ebenfalls auf dem Server hinterlegt. Hintergrund hierbei ist, dass das 1x1 Pixel grosse Bild gestreckt werden kann, wie man es braucht. Da es transparent ist, sieht der eigentliche Besucher der HP diesen Dummy nicht und selbst bei abgeschaltetem Javascript kann er mit der rechten Maustaste sooft er will das Bild herunterladen, denn er lädt ja in dem Falle nur den Dummy herunter!
Zur Erschwerung des Downloads beim grossen, einzelnen Bild achtet man auf ein paar Grundlagen...
Das Bild wird nicht direkt mit Hyperlink aufgerufen!
Statt dessen wird das eigentliche Bild jetzt nämlich über eine HTML-Datei aufgerufen, die ebenfalls mit dem o.g. Script gesichert ist.
Der Unterschied besteht jedoch jetzt darin, dass es sich um eine einzeilige zentrierte Tabelle [<table border="0" id="table1" align="center">] handelt, die auch nur eine einzelne Spalte besitzt. Man erzeugt sozusagen einen Rahmen für das Bild.
Das Bild schützt man jetzt, indem man diesem "Rahmen" das eigentliche Bild als Hintergrundbild gibt [<td align="center" background="images/IMG003.JPG">].
Im Vordergrund wird jetzt wieder der "Dummy" mit der identischen Bildgrösse eingesetzt [<img border="0" src="Gallery/images/dummy.gif" height="600" width="600">], der wiederum mittels eines Hyperlinks [<a href="javascript:history.back(1)">] aktiv geschaltet wird. Nur dieses Mal nutzt man Javascript, um ein einfaches "Zurückgehen" zur Verfügung zu stellen. Wenn das nicht funktioniert - EGAL! Der Besucher kann ja den "Zurück-Button" des Browsers nutzen... Man kann aber auch statt dessen den Pfad der Gallerie-Datei an [<a href="Gallery/index.html">] angeben.
Klar? Das Script im Ganzen:

Fragen?
Schreibt 'ne Mail...

Gruss,

Enabra Tain