[Erledigt] Jquery - Position auf Bild abfragen

TZP · 08.10.2010, 12:02

Moinz.
Man kann ja mittels JQuery recht simpel die Mouseposition abfragen.

HTML

Code:

<div id="rightSide">
    <img src="MeinBild.jpg" />
</div>

JQuery

Code:

function initMouseScroller(){
$('#rightSide img').mousemove(function(e){
        alert(e.pageX);
    });
}

Keine große Sache. Jetzt kriege ich aber immer die Position in Relation zum gesamten Screen. Ich möchte aber nur erfahren, wo sich die Mouse auf der Höhe des Bildes befindet.
Mein Bild befindet sich so mittig rechts auf dem Screen und ist 300x200. Komme ich von der linken Seite drauf, müsste X irgendwas rund um >0 ergeben. Komme ich von der rechten Seite auf das Bild, müsste es <200 sein. Equivalent zur Y-Achse der gleiche Spaß.
Das ist wieder mal nur ne kleine Rechengeschichte aber ich seh den Wald vor Bäumen nicht.

Ich hab es mit "Minus einer statischen Zahl" versucht aber das war natürlich komplette Grütze, die sofort nicht mehr stimmt, wenn man die Größe des Browsers verändert. Hätte ich mir eigentlich auch denken können.

-bedank-
TZP

mimomamu · 08.10.2010, 12:58

Finde heraus wo das Bild positioniert ist und Mathe.

xm22 · 08.10.2010, 14:12

Dazu gibt es offset(), welches ein Objekt mit left und top zurück gibt. Danach habe ich damals ziemlich lange gesucht..

TZP · 08.10.2010, 15:01

Ah, meinen Dank. Ich tendiere zu offset(), weil es dann problemlos so geht:

alert( e.pageX - $('#rightSide img').offset().left );

Sitzt, passt, wackelt und hat Luft, wie man so schön sagt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] JQuery - ID von vorherigen DIVs abfragen	TZP	JavaScript, Ajax und mehr	11	29.09.2010 14:46
[Erledigt] Bild ausgeben solange das Script läuft	favo	PHP-Fortgeschrittene	6	17.09.2010 13:34
[Erledigt] Bild erstellen, speichern und gespeichertes Bild anzeigen	Garog	PHP Tipps 2009	26	11.07.2010 18:01
jQuery Bild in DIV ansprechen.	JanM	JavaScript, Ajax und mehr	2	14.06.2010 13:12
Bild in enuem Fenster öffnen?	K3HLIM	JavaScript, Ajax und mehr	6	10.04.2009 20:43
[Erledigt] bild als link mit mouseover ohne zeilenumbruch	SteiniKeule	HTML, Usability und Barrierefreiheit	12	30.10.2008 21:12
mit position nachruecken	imported_kremser	Datenbanken	2	08.02.2006 21:50
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	scheibo	HTML, Usability und Barrierefreiheit	16	12.01.2006 16:54
Position des Cursors im Bild		HTML, Usability und Barrierefreiheit	3	05.10.2005 19:52
Position abfragen		Datenbanken	5	29.09.2005 16:31
[Erledigt] Bild aus Datei in Bild einfügen		PHP Tipps 2005-2	1	07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen		PHP Tipps 2005-2	4	07.08.2005 19:39
Position eines Datensatzes in einem QUERY abfragen		Datenbanken	12	27.07.2004 10:44
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30

08.10.2010, 12:02
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	[Erledigt] Jquery - Position auf Bild abfragen Moinz. Man kann ja mittels JQuery recht simpel die Mouseposition abfragen. HTML Code: <div id="rightSide"> <img src="MeinBild.jpg" /> </div> JQuery Code: function initMouseScroller(){ $('#rightSide img').mousemove(function(e){ alert(e.pageX); }); } Keine große Sache. Jetzt kriege ich aber immer die Position in Relation zum gesamten Screen. Ich möchte aber nur erfahren, wo sich die Mouse auf der Höhe des Bildes befindet. Mein Bild befindet sich so mittig rechts auf dem Screen und ist 300x200. Komme ich von der linken Seite drauf, müsste X irgendwas rund um >0 ergeben. Komme ich von der rechten Seite auf das Bild, müsste es <200 sein. Equivalent zur Y-Achse der gleiche Spaß. Das ist wieder mal nur ne kleine Rechengeschichte aber ich seh den Wald vor Bäumen nicht. Ich hab es mit "Minus einer statischen Zahl" versucht aber das war natürlich komplette Grütze, die sofort nicht mehr stimmt, wenn man die Größe des Browsers verändert. Hätte ich mir eigentlich auch denken können. -bedank- TZP


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.10.2010, 12:58
mimomamu Erfahrener Benutzer Registriert seit: 23.08.2010 Beiträge: 495 PHP-Kenntnisse: Fortgeschritten	Finde heraus wo das Bild positioniert ist und Mathe. __________________ Meinungen, die ich geäußert habe, sind nicht notwendigerweise meine eigenen. Abweichungen von der deutschen Rechtschreibung unterliegen dem Urheberrecht, dürfen aber unter den Bedingungen von verwendet werden

08.10.2010, 14:12
xm22 Erfahrener Benutzer Registriert seit: 30.07.2008 Beiträge: 1.167 PHP-Kenntnisse: Fortgeschritten	Dazu gibt es offset(), welches ein Objekt mit left und top zurück gibt. Danach habe ich damals ziemlich lange gesucht..

08.10.2010, 15:01
TZP Erfahrener Benutzer Registriert seit: 17.08.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Ah, meinen Dank. Ich tendiere zu offset(), weil es dann problemlos so geht: alert( e.pageX - $('#rightSide img').offset().left ); Sitzt, passt, wackelt und hat Luft, wie man so schön sagt.