Toon posts:

scroll een plaatje onder een bovenliggende layer

Pagina: 1
Acties:

Verwijderd

Topicstarter
hmmz even een vraagje...

ik wil een webpage maken met een doorzichtig kader, waaronder in de onderliggende layer een plaatje ligt, wat veel groter is als het doorzichtige kader...
(zie ook plaatje http://212.204.130.43:85/bestanden/plaatje.jpg )

nou wil ik d.m.v. onmouseover-actie of een klik-op-knop-actie de onderliggende layer onder de bovenste door laten schuiven, zodat je zegmaar het plaatje toch stukje bij beetje in alle hoeken kunt weergeven...

iemand suggesties??:?

Verwijderd

Clay zal dit wel precies weten maar ik zou 2 layers nemen. Bovenste het kader onderste een met het plaatje.

Bovenste layer een clip inzetten ter grootte van het kader (clip laat alleen alles tussen die coordinaten zien)

Onderste layer op onmouseover heen en weer bewegen door de coordinaten te veranderen.

Dit kan misschien wel een stuk efficienter/beter maar dan zou je Claydhtmlgod moeten roepen.

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 22-06 13:51

Clay

cookie erbij?

Da's idd DE manier :D

opzetje:
code:
1
2
3
4
5
6
7
8
9
10
11
#clipper   {position:absolute; ... clip:rect(0,pixelbreedte,pixelhoogte,0); ...}
#fotolaag  {position:absolute;  ... }

</style>


<div id="clipper">
   <div id="fotolaag">
   <img ... >
   </div>
</div>

En als je nu met een scriptje de fotolaag beweegt krijg je zoals gezegd alleen het deel binnen het geclipte stuk te zien omdat die fotolaag genest is.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin