Autor Zpráva
Dano_V
Profil *
Dobrý deň

Dám tu jeden jednoduchý javaskript, ktorý v reklamnom pruhu preklápa tri obrázky, ku ktorým každému obrázku patrí jeden link. Chcel by som sa opýtať, či je možné niektorému obrázku použiť image map?

<html>
<head>
    <title>Untitled</title>
<script language="JavaScript" type="text/javascript">

obrazky=new Array("banner1.gif","banner2.gif","banner3.gif")
url=new Array("stonline.sk","cis.sk","kurta.sk")
    cislo=0
    pocet=obrazky.length

function rotacia(){
    if(document.images){
    if(document.pruh.complete){
        cislo++
        if(cislo==pocet){
        cislo=0
        }
        document.pruh.src=obrazky[cislo]
    setTimeout("rotacia()",3*1000)
    }
  }
}

function adresa(){
    document.location.href="http://www."+url[cislo]
    }

</script>

</head>

<body onload="rotacia()">

<map name="firmi">
<area shape="rect" coords="0, 0, 200, 75" href="6.html">
<area shape="rect" coords="200, 0, 400, 75" href="7.html">
</map>

<a href="javascript:adresa()">
<img src="banner1.gif" width="400" height="75" border="0" name="pruh"></a>

</body>
</html>

Definoval som aj mapu, ale neviem ako by sa dala pridať do javaskriptu. Keď mi ale poviete, že sa to nedá, uspokojím sa aj s tým.
Bubák
Profil
Dano_V:
Udělal bych to nějak takto, text-indent by se měnil JavaScriptem. Protože použiješ obrázkovou mapu, nedávej obrázek do odkazu, ale použij třebas div nebo span.

Definoval som aj mapu
Nemáš ji připojenou, koukni na Obrázky » Map
Dano_V
Profil *
To ja viem veľmi dobre, že ju nemám pripojenú, lebo neviem ako. Z toho skriptu, ktorý som sem napísal, je zrejmé, že neide o jednoduchý image map, s tým problém nemám, ale ako súčasť preklápajúcich sa obrázkov, z ktorých jeden by som chcel mať ako image map. Tá ukážka je iba hover efekt na dve možnosti, ktoré ukáže. Ja mám už pripravený ovela zložitejší javasript, ktorý ovládá aj text nad obrázkami, a zastaví preklápanie, keď sa nad niektorým obrázkom nachádza myš. Tento skript som uviedol iba ako ukážkový. Keby to fungovalo v tomto, tak to bude fungovať aj v zložitejšom. (Podľa môjho názoru).

Táto ukážka s text-indent síce nerieši tento môj problém podľa mojich predstáv, ale aj tak bola užitočná, lebo ma nakopol v mojom druhom probléme, o ktorom som písal v oddelení pre CSS. Mám 3 polí tabuliek (<table>), ktoré potrebujem po jednej ukázať s CSS a nevedel som ako. Ale to posúvanie by asi mohlo pomôcť v tomto prípade. Iba nad tým rozmýšľam, že text-indent posúva iba vodorovne, a ja by som potreboval zvisle. Ale to nie je až taká veľká chyba.

Vďaka za tento nápad
Bubák
Profil
Dano_V:
To ja viem veľmi dobre, že ju nemám pripojenú, lebo neviem ako.
K tomu slouží atribut usemap, měl jsem za to, že to z odkázané stránky pochopíš.

Táto ukážka s text-indent síce nerieši tento môj problém podľa mojich predstáv
Můžeš spojit obrázky do jednoho, nebo je dát jednotlivé obrázky vedle sebe. Aby mezi obrázky nebyla mezera, jejíž velikost by závisela na typu a velikosti písma, můžeš dát obrázkům float.
Nebo můžeš mít obrázky nad sebou a měnit záporný horní margin.
Nebo máš jiný důvod, proč ti mnou doporučené řešení nevyhovuje?

Zkoušel jsem JavaScriptem měnit atribut usemap, ale nepovedlo se. Je možné, že jsem to dělal špatně (JS moc neumím, jsem jen lepič kódů), ale jako pravděpodobně to nejde (ostatní atributy obrázku mi šly měnit bez problémů).
Dano_V
Profil *
Bubák:
Práve mi ide o to, že som to skúsil dať do javaskriptom preklápajúceho obrázku ten usemap, ale v tom prípade namiesto toho obrázku ostalo len čierne miesto. Javaskript vyhodil zo seba aj obrázok. Preto som sa obrátil sem.

Skoro taký istý skript funguje na stránke http://www.spajdle.sk a ten obraz, ktorý je bez textu, by som chcel rozdeliť na trojo.

Práve teraz som dostal nápad: Čo keby som dal text aj na ten tretí obrázok, do ktorého umiestním tri odkazy, ktoré rozmiestním nad patričné miesta nad obrázkom. To by asi fungovalo. Vyskúšam to!
Dano_V
Profil *
Tak áno, funguje to. Ale aj tak by ma zaujímalo, či sa dá vôbec mapa vložiť do javaskriptu. Ale to už momentálne pre mňa nie je bezpodmienečne nutné vedieť, to iba zo zvedavosti!

Ďakujem za pomoc!

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: