Verlinkung mittels Wischgeste über ein Bild

[Malte]

Liebes Forum,

ich bin hier Neuling und habe mir mit hilfe von selfhtml eine Seite gebaut, was auch recht gut funktioniert. Nun möchte ich Verlinkungen anhand von Wischgesten einbauen. Unten mein Beispiel.

Ich habe es hinbekommen, dass ich über den Text "Statt Text soll hier das Bild ..." wischen kann und zu den verlinkten Seiten komme. Ich möchte aber über das Bild "fofo.jpg" wischen. Hier komme ich leider nicht weiter, da das Bild nicht erkannt wird. Vielleicht hat jemand Rat für einen Anfänger.

Viele Grüße, Malte

<img src="foto.jpg" width="929" height="611">

<div id="text"><h1>Statt Text soll hier das Bild "foto.jpg" erscheinen, über das man dann wischt</h1></div>

<script type="text/javascript">
	var element = document.getElementById("text");
<!--	var element = document.getElementById("foto.jpg");       DAS KLAPPT NICHT...-->
	Hammer(element).on("swiperight", function(event) {window.location.href = 'fo_01.htm'});
	Hammer(element).on("swipeleft", function(event) {window.location.href = 'fo_03.htm'});
</script>