Div върху картинка ?

P

proba

Registered
Здравейте.
Имам една карта:

http://store.picbg.net/pubpic/17/50/2512edfd61dc1750.png

Изкарвам я с img src с размери 645x310.
Как мога да речем от една променлива $kontinent чрез проверки да слагам по div върху картата..

Да речем $kontinent = "europe"; , $strana = "Bulgaria"
Как върху континента европа да се появи div да речем с бял бордер, и в него да пише Bulgaria ?

И съответно на всеки от другите континенти ?
Въпросът е как точно да задам местоположението на div-a при всеки континент , спрямо това каква е променливата $kontinent ?
 
Трябва да им зададеш

position:absolute

и да нагласиш позицията със width, height, top, left

<div style='position:absolute'>
<img src ..... >
<div style='position:absolute; border:1px solid white; top:???px; left:???px; width:???px; height:???px'></div>
</div>


Може да се наложи и на картинката да зададеш подобно нещо.

<img style='position:absolute; top:???px; left:???px;' src=.... width='???' height='???'>
 
madmax3_ каза:
Трябва да им зададеш

position:absolute

и да нагласиш позицията със width, height, top, left

<div style='position:absolute'>
<img src ..... >
<div style='position:absolute; border:1px solid white; top:???px; left:???px; width:???px; height:???px'></div>
</div>
Увеличете...

Момчето горе не го ли даде същото? Мисля, че ще ти е доста трудно да направиш това, което искаш. На мен ми хрумва нещо друго, но си нямам никаква представа дали съществува нещо такова и дали ще стане в твоя случай... Ако намериш някаква db с континентите и по-големите държави, които имат някакви кординати и auto да можеш да ги поставиш.
Успех! :)

madmax3_ каза:
Може да се наложи и на картинката да зададеш подобно нещо.
<img style='position:absolute; top:???px; left:???px;' src=.... width='???' height='???'>
Увеличете...

Той не иска да позиционира картинката.... :shock:
 
Докато напиша кода той беше дал вече линка.
Изобщо не е трудно. Ако някой знае по-лесен начин нека го сподели.

С малк JS може да променяш размера и позицията на рамката.
 
Аз имам държавите и текстови документи от вида на europe.txt
със страните като всяка е на нов ред.
Но координатите незнам как да ги намеря иначе бих могъл и с map да го направя и щеше да е 10 пъти по-добре.

Тук има координати http://www.nationmaster.com/graph/geo_geo_coo-geography-geographic-coordinates

Но как бих могъл да ги използвам за map ?
Или дори не с мап, а за div ?
 
Незнам каква ти е точно идеята, но ако искаш примерно, при поставяне на маркера или кликване върху държава да става нещо, трябва да използваш Флаш. Там има възможност картинката и мястото за кликване да се различават. Също така, мястото за кликване може да има произволна форма.
 
Отказах се да е според координатите на държавата.
Затова го направих само на континентите , както питах в началото.

Благодаря , че се отзовахте ;)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе