Obrazek na obrazku Opcje

[Vasquez21]

Witam.

Nie mogę znaleźć na forum, albo poprostu nie wiem pod jakim hasłem szukać.

Mam taki krótki fragment kodu:

[HTML] pobierz, plaintext 
<img border="0" src="mapa_polski.jpg" usemap="#mapa_polski">
<map name="mapa_polski">
     <AREA SHAPE="circle" COORDS="55,160,5" HREF="szczecin.php" onClick="return popup(this, 'Szczecin')" TITLE="Szczecin">
</map>
[HTML] pobierz, plaintext 

I teraz o co chodzi. Chciałbym żeby na mojej głównej grafice (mapce - mapa_polski.jpg), pojawiała się jakaś inna graficzka. Poprostu chciałem wypunktować miasta, które będą mi otwierać kolejne popupy po kliknięciu.

Chciałem się dowiedzieć w jaki sposób można coś takiego zrealizować (jak umieścić jedną grafikę na drugiej).
Będę wdzięczny za wszystkie wskazówki.

Ten post edytował Vasquez21 9.05.2006, 13:40:35

[maverickkk]

Ten temat to raczej HTML.

powineneś poszukać znaczenia atrybutu "position" w CSS ponieważ dzięki temu będziesz może mógł rozwiązać swój problem.

Link:

http://www.kurshtml.boo.pl/style/pozycjonowanie.html

Ten post edytował maverickkk 9.05.2006, 14:05:41

[devnul]

Kod

<img src="plik.gif" style="position: absolute; top:100px; left:150px;" />

//EDIT: lekkie spóźnienie

Ten post edytował devnul 9.05.2006, 14:07:17

[nospor]

jak powiedziano wczesniej - to nie php. przenoszę.

[Vasquez21]

dzięki za pomoc... oczywiście pomogło.

Ale przy okazji jeszcze spytam czy nie spotkaliście się gdzieś z skryptami, albo chociaż tutorialami jak zrobić coś na zasadzie "interaktywna mapka" ?

Nie musi być nic skomplikowanego, poprostu mapka z punktami, kiedy jak wybieram dany punkt wprowadzony na mapie to wyświetlają mi się jakieś dodatkowe informacje.

[devnul]

[HTML] pobierz, plaintext 
<area ... href="#" onmouseover="document.getElementById('info').innerHTML='testowy podpis'">
<div id="info"></div>
[HTML] pobierz, plaintext 

i masz dodatkowe informacje

pozdrawiam

Ten post edytował devnul 11.05.2006, 11:34:40

[Vasquez21]

chodziło mi raczej o coś bardziej ciekawszego wizualnie

[devnul]

to przecierz w onmouseover możesz wstawić dowolny skrypt do dymków czy innych rzeczy, wystarczy ze troche poszukasz a napewno znajdziesz coś co będzie ci odpowiadać.

pozdrawiam