Jump to content

Resize de coordenadas de image mapping


PCaseiro
 Share

Recommended Posts

Boa noite, acabei de me deparar com um problema e não estou a conseguir resolvê-lo!

Fica aqui o código: https://jsfiddle.net/293mbq4r/

O problema é o seguinte, quando corro o website num ecrã com dimensões diferentes daquele em que o criei, fica tudo bem ajustado exceto as coordenadas que ficam exatamente iguais às originais, em vez de aumentarem/diminuirem. Alguma forma de corrigir isto?

Link to comment
Share on other sites

Percebes que não vamos conseguir ver o teu fiddle porque estás a apontar para recursos locais, certo? Para além disso, devias evitar fazê-lo, porque podes estar a revelar coisas que é possível que não queiras que sejam reveladas no path dos recursos.

Olhando para a estrutura do html, deduzo que aquilo de que falar são as coordenadas do map. Aquilo que precisas de fazer é recalcular todas as coordenadas para que fiquem certo para as posições consoante a dimensão. Diria para utilizares um plugin que te faça isto por ti.

Numa pesquisa rápida pelo google: http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.