---
title: "hover = visa stor bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/webbutveckling/177393-hover-visa-stor-bild"
topic: "Webbutveckling"
topic_url: "https://www.webforum.nu/amne/webbutveckling"
author: "kylberg"
published: "2009-03-11T17:53:44.000Z"
updated: "2009-03-17T14:22:46.000Z"
replies: 9
views: 933
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/webbutveckling/177393-hover-visa-stor-bild"
---

# hover = visa stor bild

## #1 — kylberg, 2009-03-11T17:53Z

Jag har ett bildgalleri med en massa thumbnails som jag lätt vill visa i större format, helst utan att behöva öppna bilden i ett nytt fönster. Går det att visa bilden i större format med hover:nånting? så att den blir som en sån där gul skylt som man får upp när man håller musen över vissa bilder.

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

## #2 — rhdf, 2009-03-11T18:10Z

det borde gå att lösa med nånting i stil med de tooltip-scripts som finns
jag misstänker dock att det finns en hel drös med script som gör exakt vad du vill.Jag  googlade lite slumpmässigt på image mouseover preview tooltip
och hittade detta
<http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery>

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

## #3 — kylberg, 2009-03-11T19:51Z

tackar! funkar skitbra! MEN jag undrar en sak..
i koden man använder länkar man till en bild, och när man håller musen över bilden visas en större preview, men om man klickar på bilden kommer man till bildens url, jag vill inte att något ska hända när man klickar. går det att inaktivera länken? man måste nämligen ha a href="bild.jpg" för att det ska funka...

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

## #4 — bossse, 2009-03-11T21:17Z

Ett annat förslag, bilderna kan visas i individuell storlek. 

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type=text/css>
img {border:0}
.bild {width:120px; height:100px;}
</style>
<script src="overlib.js"></script>
</head>
<body>
<a href onmouseover="return overlib('<img src=bild1.jpg>',STICKY,MOUSEOFF, RELX,250, RELY,100)"><img src=bild1.jpg class=bild></a>
<a href onmouseover="return overlib('<img src=bild2.jpg>',STICKY,MOUSEOFF, RELX,250, RELY,100)"><img src=bild2.jpg class=bild></a>
<br>
<a href onmouseover="return overlib('<img src=bild3.jpg>',STICKY,MOUSEOFF, RELX,250, RELY,100)"><img src=bild3.jpg class=bild></a>
<a href onmouseover="return overlib('<img src=bild4.jpg>',STICKY,MOUSEOFF, RELX,250, RELY,100)"><img src=bild4.jpg class=bild></a>
<br>
<a href onmouseover="return overlib('<img src=bild5.jpg>',STICKY,MOUSEOFF, RELX,250, RELY,150)"><img src=bild5.jpg class=bild></a>
<a href onmouseover="return overlib('<img src=bild6.jpg>',STICKY,MOUSEOFF,RELX,250, RELY,150)"><img src=bild6.jpg class=bild></a>
</body>
</html>
```

Javascriptfilen till ovanstående finns på <http://downloads.sourceforge.net/overlib/overlib422.zip?use_mirror=kent>

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

## #5 — kylberg, 2009-03-11T21:32Z

Edit:
det där var iochförsig inte så dumt... finns det mer info nånstans?

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

## #6 — bossse, 2009-03-12T07:15Z

Visst, finns här.
<http://www.bosrup.com/web/overlib/>
<http://www.bosrup.com/web/overlib/?Command_Reference>
<http://www.bosrup.com/web/overlib/?Documentation>

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

## #7 — kylberg, 2009-03-16T15:09Z

har börjat mecka lite med det där nu, finns det något sätt att bestämma storlek och position på de stora bilderna i javascript filen?

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

## #8 — voigtann1, 2009-03-16T15:23Z

ändra: RELX,250, RELY,150 till önskat värde.

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

## #9 — kylberg, 2009-03-16T16:25Z

då måste jag ändra det på varje bild i html filen, jag vill ändra ett värde i .js-filen som ändrar värdet för alla bilderna på en gång..
dessutom ligger bilden kvar i x-led om jag minskar storleken på fönstret, medan resten av innehållet (som är centrerat) följer med åt vänster..

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

## #10 — bossse, 2009-03-17T14:22Z

På denna sida har du lite du kan kika på, kanske något passar?
<http://www.huntingground.freeserve.co.uk/imagery/imgnav.htm>

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

---

Tråden på webben: https://www.webforum.nu/amne/webbutveckling/177393-hover-visa-stor-bild
