Wenn Sie die Fotos in Ihrem Tumblr-Konto vor dem Herunterladen ohne Ihre Zustimmung schützen möchten, können Sie die Rechtsklick-Funktion für Ihre Seite deaktivieren und das Kontextmenü ausblenden, das es anderen ermöglicht, Ihre Bilder zu kopieren oder herunterzuladen. Mit Tumblr können Sie den HTML- und JavaScript-Code für Ihr aktuelles Design vollständig anpassen. Um Ihre Bilder zu schützen, fügen Sie diesem Code zwei JavaScript-Funktionen hinzu, eine optimiert für Internet Explorer und eine für andere Browser.
Klicken Sie im Dashboard auf den Namen Ihres Tumblr-Blogs und wählen Sie "Erscheinungsbild anpassen", um die Einstellungen für das Erscheinungsbild zu öffnen.
Klicken Sie auf "HTML bearbeiten", um den HTML-Editor für Ihr Tumblr-Theme zu öffnen. Suchen Sie die
Tag im Code.
Fügen Sie nach dem eine JavaScript-Methode hinzu
-Tag, um die Rechtsklick-Aktion für Benutzer von Internet Explorer zu deaktivieren. Sie können das folgende Codefragment verwenden, das den Namen des Browsers überprüft und die Funktion deaktiviert, indem es false zurückgibt, wenn ein Benutzer mit der rechten Maustaste auf Ihre Seite klickt oder die mittlere Maustaste drückt:Funktion DisableInternetExplorer(e) { if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")) { return false; } }
Fügen Sie nach der Methode für Internet Explorer eine separate Methode hinzu, um das Klicken mit der rechten Maustaste in Anwendungen wie Firefox, Chrome oder Safari zu deaktivieren. Das folgende Codefragment entspricht dem im vorherigen Schritt, aber die Bedingung in der If-Anweisung wurde geändert, um andere Browser zu unterstützen:
function DisableOtherBrowsers(e) { if (document.layers || (document.getElementById && !document.all)) { if (e.which == "2" || e.which == "3") { return false; } } }
Verknüpfen Sie die beiden Methoden mit Mausereignissen in JavaScript, damit sie jedes Mal aufgerufen werden, wenn eine Rechtsklick-Aktion erkannt wird. Für Internet Explorer ist das Mausereignis für diese Aktion "onmousedown", während es für andere Browser "onmouseup" ist. Fügen Sie die folgenden zwei Zeilen hinzu, um die Methoden aufzurufen, wenn diese Ereignisse auftreten:
document.onmousedown=InternetExplorer deaktivieren; document.onmouseup=Andere Browser deaktivieren;
Fügen Sie Kompatibilität für ältere Browser wie Internet Explorer 7 hinzu, bei denen das Rechtsklick-Ereignis mit "oncontextmenu" gekennzeichnet ist, indem Sie die folgende Zeile am Ende Ihres benutzerdefinierten Codefragments anfügen:
document.oncontextmenu=new Function("return false");
Klicken Sie auf "Vorschau aktualisieren", um eine Vorschau Ihrer Seite anzuzeigen und die Funktionalität Ihres Codes zu testen. Wählen Sie „Speichern“ und klicken Sie auf „Schließen“, um Ihre Einstellungen zu speichern und den Tumblr-Code-Editor zu schließen.
