Durch Javascript Funktion Maus Cursor als Bild

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Ich will durch eine Javascript-Funktion den Mauscursor beim überfahren eines Bildes zu einem Bild machen das aus einer URL abgerufen wird.

Das Bild sieht so aus:

und der Javascript sieht folgendermaßen aus:

function show_area() {
var x = document.getElementById(‚x_size‘).value;
var y = document.getElementById(‚y_size‘).value;

document.getElementById(„preview“).style.cursor = ‚url("http://www.url.de/test.jpg"))‘;
}

Das Bild wird nicht angezeigt, aber vorher ging schon mal hab wohl irgendwas geändert. Die Bildsource existiert auf jeden Fall. Wenn ich Cursor Crosshair zuordne, dann geht das ebenfalls.

#2

Hallo,

für Cursors sollte man das Bild zu einer CUR-Datei konvertieren, das erlaubt auch gleich die Festlegung des Fokuspunktes innerhalb des Bildes. Hier ein kleines, einfaches Online-Tool: http://amicanoctis.de/stuff/ico-cur-generator/

Nach der Angabe der Bild-URI für den Cursor sollte immer noch ein vordefinierter Cursor als Fallback stehen, z. B. element.style.cursor = „url(…/img/my.cur), pointer“;

Wenn es nach diesen Änderungen immer noch nicht funktioniert, meld dich bitte nochmal.

Viele Grüße,

Amica

#3

Bitte hier http://de.selfhtml.org/javascript/sprache/eventhandl… nachsehen
Das dürfte am besten passen.

#4

Vielen Dank für die schnelle Antwort, aber das Problem ist nicht der mouseover sondern das ich über CSS den Mauscursor zuweisen will.

Die Javascript Funktion wird ohne Probleme aufgerufen, daher kann es nicht am Mouseover liegen.

Bitte hier
http://de.selfhtml.org/javascript/sprache/eventhandl…
nachsehen
Das dürfte am besten passen.

#5

Hallo,

Javascriopt ist nicht wirklich mein Fachgebiet, aber mir fällt in Deinem Code spontan auf:

Beim Bild steht da "…src=„bild.jpeg“

Und im Script: "… url("http://www.url.de/test.jpg")

Also einmal .jpeg und einmal .jpg als ENdung des Bildes … das kann so nicht funtionieren!!!

Ich bin mir sicher, wenn die Endung bei der Datei mit dem Aufruf übereinstimmt, klappts auch wieder.

Gruß
Karin

#6

mit css kenn ich mich leider nicht aus.
Viel Glück bei der weiteren Suche.

#7

Hallo M.Gaschler,

warum Javascript und nicht CSS?
http://de.selfhtml.org/css/eigenschaften/anzeigefens…

Auch damit kann ich Elementen einen frei wählbaren Cursor verpassen.

Viele Grüße,
Markus

#8

Bitte den Source den ich geschrieben habe bitte nochmal lesen, der macht genau das was dort steht…

#9

Hatte das nur geändert um meine URL zu verbergen, Dateinamen stimmen und Dateien sind vorhanden aber guter Ansatz.

#10

Hallo,

tun mir leid, dass ich mich erst heute melde, aber es sind so viele Dinge zum Erledigen gewesen.
Vermutlich hast du inzwischen eine gute Antwort auf deine Frage bekommen. Wenn nicht, dann melde dich nochmal bei mir, ich werde dann wirklich kurzfristig antworten.

Grüße
Tom