Witam, próbuję zrobić grę i napotkałem się z pewnym problemem.
Mam czarny div zasłaniający całą stronę (tak wiem, mogłem użyć bgcolor), potem ramka 512x512px i w niej mapka img.
Jak zrobić, żeby obrazek nie wystawał poza ramkę ?
Wygląda to tak:
http://imgur.com/8L7lnn4
I jak potem przesuwać ten obrazek w ramce? Zmienianie atrybutów top i left obrazka nie działa.
Nic z tego nie rozumiem, możesz wrzucić to na jakiś jsbin czy coś?
width: 500px; height: 400px; position: relative; overflow: hidden;
na parencie
position: absolute; left: -50px; top: -50px
na mapce
ale mapka powinna być podzielona na małe fragmenty a potem wczytywana w miarę potrzeb w kilkanaście mniejszych przykładowo "divów", inaczej będzie to wszystko bardzo wolno działać przy większej mapce. Najlepiej użyć canvasa