Klikací mapa
Zdravím. Základ klikací mapy mám vyřešen. Dokážu do fotografie do určité oblasti vložit odkaz, který se kliknutím otevře do nového malého okna.
(cestou po najetí na bod A - Obří tužka)
Ale byla by nějaká jednoduchá možnost do html kódu vložit toto:
Aby se po najetí na určitou oblast, sám otevřel náhled a po odjetí myší zase zmizel ? Něco jako je na této stránce cestou úplně dole, když najedu na slovo "Sdílet".
Používám tento html kód:
<p><map name="mapa1">
<area title="Obří tužka" onclick="window.open('http://pelhrimov.mnoho.info/userFiles/cestou-neces tou/rekordy/rekord-01-tuzka.jpg','','width=500,height=375,left=400,top=300');retu rn false;" shape="rect" coords="61, 288, 83, 332" href="/userFiles/cestou-necestou/rekordy/rekord-01 -tuzka.jpg" target="_blank" />
</map></p>
<p><img src="/userFiles/cestou-necestou/rekordy/mapa-001.j pg" alt="" width="650" height="571" usemap="#mapa1" /></p>
Jestli se nepletu, tak to nedělá klikací mapa ale nějaký javascript.
Viz třeba zde...
A nějaký java script by tedy nebyl ? Dal jsem dohromady toto, ale tam musím klikat:
<p><map name="mapa1">
<area title="Obří tužka" onclick="window.open('http://pelhrimov.mnoho.info/userFiles/cestou-neces tou/rekordy/rekord-01-tuzka.jpg','','width=500,hei ght=375,left=400,top=300');retu rn false;" shape="rect" coords="61, 288, 83, 332" href="/userFiles/cestou-necestou/rekordy/rekord-01 -tuzka.jpg" target="_blank" />
</map></p>
<p><img src="/userFiles/cestou-necestou/rekordy/mapa-001.j pg" alt="" width="650" height="571" usemap="#mapa1" /></p>
Na té stránce to není úplně ono. Spíš něco jako tady: show-season.php
No, když jsem to onehdá dělal, tak jsem tak dlouho zkoumal a ladil, až jsem to udělal.
Hotový a univerzální to asi nikde nenajdeš. Tak hledej, zkoumej a vymýšlej...
Dík za hodnotnou radu. Přesně to už dělám několik dní. Tak předem děkuji ostatním za radu.
Ty skripty jsou přece na obou těch stránkách. Ulož si úplnou stránku a prozkoumej, pochop a uprav si je pro své účely...
Většinou se to dělá tak, že ty obrázky na té stránce fyzicky jsou, mají pomocí css stylu nastavenou abolutní pozici a vypnuté zobrazení. Při najetí myší na prvek, který má ovládat jejich zobrazení se to přepne tak, aby byl vidět a při odjetí myší z prvku se zase skryje.
Myslíš něco takového?
http://skrytetitulky.cz/dotazniky/questionnaire/in dex.php
najeď si myší na obrázek modrého otazníku. Je fuk, co uvnitř divu místo textu nápovědy je.
Díky všem. Nakonec jsem musel zvolit jinou možnost, protože na tu původní jsem nedal dohromady kód. Můžete se podívat zde. Po najetí na určitý bod (obdelník) v obrázku se zobrazí fotka jiná (původně se měl obrázek objevit nad hlavní fotkou místo ní) a po odjetí myši se vrátí původní obrázek. Ještě hledám, kdyby měl někdo kód i na tu druhou možnost, díky.
Moje řešení by bylo asi někde tady: http://4um.overclocking.cz/archive/index.php/t-531 90.html¨
Myslím, že to jsou příkazy onmousemove místo toho co mám teď onmouseover. Ale bohužel nejsem nijak zběhlý v tvorbě www. Tak díky a mějte se.