---
title: "Scrolla in en bild över en annan"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/161033-scrolla-in-en-bild-över-en-annan"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mattias Nordin"
published: "2007-06-02T09:32:05.000Z"
updated: "2007-06-04T20:03:34.000Z"
replies: 2
views: 460
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/161033-scrolla-in-en-bild-över-en-annan"
---

# Scrolla in en bild över en annan

## #1 — Mattias Nordin, 2007-06-02T09:32Z

Scrolla in en bild (bild B) från vänster över (bild A) en annan vid mouse over.

Har letat lite på färdiga javascript. Är det någon som har ett bra förslag på hur man åstakommer detta smidigt. Har även varit inne på en layerlösning.

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

## #2 — Danne V, 2007-06-02T11:09Z

Kolla in olika slideshows på t.ex. <https://www.dynamicdrive.com>
Jag tror det finns en och annan som du kanske kan fixa till.

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

## #3 — Mattias Nordin, 2007-06-04T20:03Z

Tack för tipset. Hittade en sida som använde sig av Microsofts DXImageTransform. Med denna var det enkelt att få till min önskade effekt.

```
<img id="targetPic2" name="targetPic2" src="_design/bild1.png" 
style="position:relative;top:5px;left:7px; filter:progid:DXImageTransform.Microsoft.slide(Duration=0.4,slideStyle=push)">

...
OnMouseOver="fadeimg('targetPic2', '_design/bild2.png')"
OnMouseOver="fadeimg('targetPic2', '_design/bild1.png')"
...

<script type="text/javascript">
function fadeimg(objname, varTargetSrc){
	var objholder=document.getElementById(objname)
	objholder.filters[0].apply()
	objholder.src = varTargetSrc
	objholder.filters[0].play()
}
</script>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/161033-scrolla-in-en-bild-över-en-annan