---
title: "VIsa lager där muspekare är"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/187530-visa-lager-där-muspekare-är"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "evilaid"
published: "2011-08-02T08:27:08.000Z"
updated: "2011-08-02T11:12:56.000Z"
replies: 9
views: 1219
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/187530-visa-lager-där-muspekare-är"
---

# VIsa lager där muspekare är

## #1 — evilaid, 2011-08-02T08:27Z

Hej..

HUr löser man på en smidigt sätt så att om man för musen över en bild så visas ett dolt lager? tanken är också att lagret visas på de kordinater som markören befinner sig på.. 
Snyggast hade ju varit att lösa med jquery men jag hittade inte specifikt den lösning?

Mvh

Permalänk: https://www.webforum.nu/p/187530

## #2 — voigtann1, 2011-08-02T08:51Z

Du få ta reda på var musen befinner sig när du väljer att visa lagret, är inte direkt svårt bara kolla event.pageX och event.pageY på exempelvis eventet mousedown (och kolla vilken musknapp du tryckte på) på body elementet. Och om du skall ha det på höger musknapp (så få du stänga av contextmenu).

Permalänk: https://www.webforum.nu/p/2281552

## #3 — Danne V, 2011-08-02T08:59Z

"Lager"? Syftar du på Netscapes 15 år gamla term eller att Macromedia på sin tid kallade absolut positionerade divvar för "lager"? ;)

Den klassiska lösningen är väl det som ofta kallas för "tooltip" (javascript): <http://search.yippy.com/search?input-form=clusty-simple&v%3Asources=webplus&v%3Aproject=clusty&query=dhtml+tooltip>

Permalänk: https://www.webforum.nu/p/2281553

## #4 — evilaid, 2011-08-02T10:09Z

Okey, jag tänkte att det skulle vara lite snygagre med jquery så jag har suttit och krånglat lite med det nu, fick till detta..

<http://jsbin.com/usanin/5/>

nu visas och döljs lagret men jag vill också att det ska följa markörern när den rör på sig inom bilden?

Jajamen, jag är lite mer oldschool så jag kör med lager..

Permalänk: https://www.webforum.nu/p/2281556

## #5 — voigtann1, 2011-08-02T10:13Z

Jag kör med: <http://jsbin.com/uguwuy>

Eller är det bara en enkel tooltip du är ute efter? i så fall måste  du bindar mousemove eventet på din bild också.

```
$(document).ready(function(){
	$('.image').mouseover(function() {
		var img = $("img:first", this),
			p = $("p:first", this).show();

		img.bind("mousemove", function(e) {
			p.css({
				left: e.pageX+10,
				top: e.pageY+10
			});
		});
	}).mouseout(function() {
		var p = $("p:first", this).hide(),
			img = $("img:first", this).unbind("mousemove");
	});
});
```

på ditt html kod.

<http://jsbin.com/usanin/6/edit>

ändrade lite till något mer passande kanske: <http://jsbin.com/usanin/8/edit>

Permalänk: https://www.webforum.nu/p/2281557

## #6 — evilaid, 2011-08-02T10:58Z

Yepp, en liten enkel tooltip jag vill ha..

provade så här
<http://jsbin.com/usanin/7/>

men det händer ignet?

Permalänk: https://www.webforum.nu/p/2281559

## #7 — voigtann1, 2011-08-02T10:59Z

För du har ingen bild, du behöver en källa till bilden.

Permalänk: https://www.webforum.nu/p/2281560

## #8 — evilaid, 2011-08-02T11:04Z

men det gick ju innan utan att ha en bild?

Permalänk: https://www.webforum.nu/p/2281561

## #9 — evilaid, 2011-08-02T11:06Z

Såg ditt sista exempel nu, fungerar kanon...
börjar gillar jquery :)

Permalänk: https://www.webforum.nu/p/2281562

## #10 — voigtann1, 2011-08-02T11:12Z

Glöm inte sätt din(a) trådar som lösta om de har löst dina problem.

Permalänk: https://www.webforum.nu/p/2281563

---

Tråden på webben: https://www.webforum.nu/amne/javascript/187530-visa-lager-där-muspekare-är