Autor Zpráva
71miki71
Profil
Ahojte, potrebujem poradiť. chcem si na stránke vytvoriť klikacie políčka (obrázky), ktoré by fungovali ako odkazy, ale pri najetí myší by sa menily. Chcem to presne takto http://www.salondiva.sk/allure-bridals aby sami moje obrázky zosvetlili. Prešiel som tu podobné témy a najmä články http://interval.cz/clanky/interaktivni-mapa-ceske-republiky-s-hover-efektem/ čo myslím nie je môj prípad, keďže chcem viacero samostatných obrázkov na stránke. Ďakujem za rady, beriem všetko, uprednostním však najmä jednoduché riešenia, keďže som začiatočník.
Moderátor Chamurappi: Vkládej klikatelné odkazy!
71miki71
Profil
pridávam odkaz http://www.rosaline.cz/test.html, ktorý som spravil podla vzoru na intervale hore. problém bude asi v tom, že ja chcem aby som mohol pridávať viacero obrázkov (slúžiacich ako odkazy), a tento príklad predpokladá že na pozadí bude len jeden obrázok a jeho časti sa budú rôzne po prejetí myšy zobrazovať. A ja chcem viacero samostatných.

radšej to rozpisujem.

takže sa chcem informovať na možné riešenie: mám dať pozadie kde je viacero obrázkov a to uložiť ako bacground (v mojom prípade by to bol: "dokument12.jpg") a jednotlivé preblikujúce obrázky spraviť ako jednotlivé časti?

alebo to spraviť cez javascript?

Ďakujem za rady.
Str4wberry
Profil
Na to vůbec nepotřebuješ klikací mapu. Kdyby ses podíval na způsob, kterým je efektu dosaženo na odkázané stránce, všiml by sis, že se tam mění průhlednost obrázku při :hoveru.
71miki71
Profil
tak aby som to uzavrel, nakoniec som to spravil podľa vzoru: http://interval.cz/clanky/menu-v-obrazove-mape/ a http://interval.cz/podklady/hotova-reseni-css/priklad-44-1.htm, funguje mi to aj v opere aj v ie, čo som chcel, nevyžaduje žiaden script, obrázky sú s veľkosťou v pohode. takže supr. s výsledkom sa za pár dní pochválim...
Moderátor Chamurappi: Vkládej klikatelné odkazy, jinak tě budu mazat.
Str4wberry
Profil
Tak ještě jednou, tebou uvedené řešení je zbytečně složité.
71miki71
Profil
možno zložité je, ale funguje a bohužiaľ príklad tvojho riešenia som nikde nenašiel a nevedel som ho vytvoriť, takže keď ponúkneš fungujúci príklad s jednoduchším návodom, som prístupný všetkým riešeniam.
margin
Profil *
71miki71:
bohužiaľ príklad tvojho riešenia som nikde nenašiel
Str4wberry netušil, že na něco tak triviálního budeš příklad.

Koukni na Vylepšení odkazů » Měnící se obrázky, konkrétně na CSS + filtry. Na průhlednost už jsi odkaz dostal, tak to zkus dát dohromady, není to těžké.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0