Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[CSS] mask/crop image outside div

Pagina: 1
Acties:

  • Arcane Apex
  • Registratie: Juni 2003
  • Laatst online: 30-01 15:19
Ik heb een image in een div/span gestopt, echter is de afbeelding (veel) groter dan de dimensies van de span. De afbeelding valt in Firefox dus buiten de span en in IE6 rekt het de span op. (te zien doordat ik de span een border heb gegeven)
Wat ik in principe wil is dat het hele gebied van de afbeelding welke buiten de dimensies div/span raken, dat die onzichtbaar worden, zodat je alleen het stuk van de image ziet binnen de div/span.
Dus zeg maar dat de image gecropt wordt tot de dimensies van de span.

En dan nog een javascript vraagje.
Ik wil de image die in de div/span zit, kunnen bewegen met een handje, zoals men ook maps kan bewegen op maps.google.com .
De map valt op dat soort websites ook niet buiten een border, maar is toch beweegbaar met een handje.
Weet iemand misschien hoe dit gedaan kan worden?

  • iH8
  • Registratie: December 2001
  • Laatst online: 17-06-2024

iH8

gewoon JS drag & drop en de overflow op hidden? of denk ik te simpel nu?

Aunt bunny is coming to get me!


Verwijderd

Er zijn 2 mogelijkheden om je probleem op te lossen:

1) een div absoluut positioneren en met de clip proporty werken.

2) als je je div niet absolute wil positioneren, een width / height meegeven en je map als background-image. Dan de background-position:0px 0px aanpassen naar de afgelegde afstand van de cursor (in beide richtingen)

Iets à la http://pihxel.joggink.be/pihxel.htm (klik op mapnavigatie)