Autor Zpráva
CROSSjoy
Profil
http://cross.wz.cz/description.html

Napadlo mě, celou mapu zesvětlit:
-moz-opacity: 0.6;
filter: alpha(opacity=60);
jenže to jde jen pro celý obrázek a pak mi nefungovaly zvlášt ty arey, pro který by pak bylo:
-moz-opacity: 1;
filter: alpha(opacity=100);
otázkou je, jestli by ty arey neměly být v nějakých třídách.
Nevím, jestli by pro ně stačil hover nebo bych musel jít přes třídy s:
class="cokoliv" a pak onmouseover="this.className='cokoliv1'" onmouseout="this.className='cokoliv2'"

Dost jsem to zkoušel, ale většinou nic nereagvalo. Nevíte někdo, jestli vůbec lze mapu takhle upravovat?
Pachollini
Profil
Řekl bych, že nikoliv - mapa označuje jenom oblasti, kam se kliká, ale oblasti se "nevykreslují". Dalo by se ovšem manipulovat s tím obrázkem, nebo přes jeho část natáhnout jiný obrázek atd.
habendorf
Profil
Jen takový nápad, nedomýšlím to do konce: pod mapou by mohl být nějaký obrázek (nebo obrázky), jehož část by se mohla zobrazovat pomocí vlastnosti clip. Jednou jsem takhle řešil aplikaci lupy na obrázek.
CROSSjoy
Profil
Hm, asi to nepůjde. Jednou jsem viděl podobnou mutaci, ale ve flashi. A protože ve flashi neumím, řekl jsem si, že bych to udělal obdobně, jenom přes HTML a kaskády. Ta mapa je v tomhle ale vážně nepružná.
Fred
Profil
http://www.kryogenix.org/code/browser/annimg/annimg.html
CROSSjoy
Profil
Fred:

Aha, tak JSkem. To mě nenapadlo. Díky, mrknu na to.
CROSSjoy
Profil
Tak jsem to poeditoval, jak CSSko tak JSko, ale nic z toho nevzešlo. Je to příliš složitý a navíc nevím, jestli to vezme polygony. Sice jsem to i v JSKu z rect přepsal na poly, ale stejně buď dělám něco blbě nebo to prostě nejde.
Fred
Profil
Tak mě napadla taková myšlenka a hrál jsem si s tím koukám 4 hoďky. Použil jsem ty tvoje data a dal jsem to sem xy.wz.cz/cros2/description.html . Doplň si http:// nechci aby to google indexoval.
CROSSjoy
Profil
Tak mě napadla taková myšlenka a hrál jsem si s tím koukám 4 hoďky. Použil jsem ty tvoje data a dal jsem to sem xy.wz.cz/cros2/description.html . Doplň si http:// nechci aby to google indexoval.


Díky, dobrej nápad. I když title u toho asi postačoval. Předtím jsem k tomu zkoušel nicetitles, ale protože tuším MSIE zobrazoval jak nicetitle, tak i klasickej windowsáckej title, tak jsem to vyhodil.

Nevíš, jestli by nešel přepracovat ten JS pro ztmavování při hoveru nebo onmouseoveru? V tom linku, kterej si mi předtím poslal to měli trošku jinak (to by se dalo upravit), ale jen pro rect (obdélníky). Nevím, jestli by něco podobnýho skousnul i polygon (samozřejmě by musel být udělanej velice pečlivě).

???
CROSSjoy
Profil
Navíc nevýhodou pozicování přes:
position: absolute;
top: 280px;
left: 400px;
je ta absolutnost. Protože jiný to bude při 1024x768 a jiní při vyšších a nižších rozlišeních.
Fred
Profil
U nicetitle title zobrazuje opera, kdysi jsem chvíli používal upravenou verzi. Ten js přepracovat nejde vypočítává rozměry spanu z rozdílů v coords a je nastaven na čtverce. O té position absolute, ta tam být nemusí, ale pak se ten vytvořený span zobrazí pod obrázkem. Přímo na ten původní dotaz buď ten obrázek úplně rozřezat na kusy a udělat z něj normální menu upravenou Pixyho metodou článek příklad , nebo metoda dvě vše v position:absolute článek příklad . Obě metody jsou v tvém konkrétním případě značně pracné na grafiku a hlavně ve skutečnosti nepoužívají image map.
Fred
Profil
Ještě existuje řešení, nastavit formuli jako pozadí divu a do něj zase absolutně napozicovat odkazy http://css.alsacreations.com/xmedia/exemples/maps/maps2.htm
Leo
Profil
Neco jako mapa na http://www.riho.cz/prodejny_cz.htm? Leo
habendorf
Profil
Leo: tak to je masochismus!
CROSSjoy
Profil
Neco jako mapa na http://www.riho.cz/prodejny_cz.htm? Leo

Díky za podnět, leč nejsem takovej skladatel a týden dovči taky nemám.
Už jsem se smířil s tím, že některé nápady je lepší nerealizovat, a to hned z několika důvodů.
Každopádně jsem to chtěl jenom zkusit, zda to jde či nikoliv. Teď už vím, za jakých podmínek to "jde". Taky jsem byl smířen s tím, že tu stránku s mapou, kde bude nastavena světlost, pokud by se to povedlo, zařadím kvůli oněm funkcím mezi ty nevalidní, což teď nemusím :-).

Jdu vymýšlet nějakou novou libůstku.
Kaifman
Profil
no to je hnus :-D
Fred
Profil
Kaifman A co jako?

Leo To je velmi chytré řešení, i když provedení je asi staršího data. Měnit src image mapy na stejně velký zčásti průhledný gif s původním src na pozadí divu mě nenapadlo, zkoušel jsem si to a do toho scriptu co jsem poslal předtím by stačilo přidat 3 řádky a přidat do area pomocné rel, nějak takhle

arey[i].onmouseover=function(){
var popisek=this.getAttribute('title');
var imgsrc=this.getAttribute('rel');
this.parentNode.appendChild(x);
x.appendChild(document.createTextNode(popisek));
document.getElementById("kraj").src='obrazky/formule'+imgsrc +'.gif';
}
arey[i].onmouseout=function(){
x.removeChild(x.childNodes[0]);
this.parentNode.removeChild(x);
document.getElementById("kraj").src='obrazky/formule0.gif';
}
Díky moc to se někdy bude hodit ;-)
Fred
Profil
CROSSjoy Ono to zase tak pracný není, teď jsem si hrál s tím co sem poslal Leo a po půl hodině xy.wz.cz/cros2/description2.html, graficky nic moc, ale nepáral jsem se s tím. Udělal jsem jenom gumy a přední křídlo. Je fakt, že by to s tím hoverem bylo lepší.
Leo
Profil
No ono se to na riho da udelat cekem jednoduse, ale predpokladem je

1, mit v GIFu jen dve barvy, jinak se po zpruhledneni musite prat s antialiasingem
2, mit GIFy ve stejne velikosti
3, klikaci mapu (map a area) nechat vygenerovat v rastrovym editoru dokud mate tu mapu ve vrstvach (v mem pripade Corel Photopaint), pak uz to neni tak zly. A ano, je to mirne starsiho data, Leo
Fred
Profil
Leo Musel jsem se autora zastat, proto jsem to napsal, tak jak jsem to napsal, na tohle téma se mi líbí tady http://www.mraveniste.org/weblog/2004/11/08-404-php.html komentář pana Málka ;-)
Kdyby někdo potřeboval mapu http://gimp.jinak.cz/index.php?option=com_remository&Itemid=25
CROSSjoy
Profil
CROSSjoy Ono to zase tak pracný není, teď jsem si hrál s tím co sem poslal Leo a po půl hodině xy.wz.cz/cros2/description2.html, graficky nic moc, ale nepáral jsem se s tím. Udělal jsem jenom gumy a přední křídlo. Je fakt, že by to s tím hoverem bylo lepší.

Můžu se zeptat (protože jsem na JS lama), co je alfou a omegou toho kódu na téhle stránce xy.wz.cz/cros2/description2.html? Pořád je tam absolutní pozice, která není vhodná při různých rozlišeních.
CROSSjoy
Profil
Aha, tak už to vidím! Šlo by to pozměnit na obrácený efekt? Zesvětlit mapu a při najetí mauzí na oblast ztmavit tu oblast? (Ideální by bylo, kdyby se tak chovala kařdá pneu zvlášť - to bych je asi musel pojmenvat tyre1-4 a upravit zdroj, že jo?).
Fred
Profil
CROSSjoy To už je jenom úprava obrázků, nic víc. Mrkni sem http://xy.wz.cz/cros2/img/tyre.gif tenhle to načítá na hoveru, takže ztmavit to není problém. Musíš si nadělat obrázky na jednotlivé hovery a pojmenovat je tak jak jsou volány přes atribut rel, tzn. tam kde je none si musíš dát název obrázku. Všechny obrázky musí mít stejný rozměr jako původní image mapa. Důležité je udělat je nejlépe v odstínech šedi, aby se stíhali načítat a byli co nejmenší.
CROSSjoy
Profil
Fred: Aha. Přijde mi to ale dost složitý. Ve Photokrámu bych to asi zvládl, ale nevím, jestli je tenhle způsob to pravé ořechové.

Původně to byl jen pokud, jestli to půje udělat jednoduše, nic víc. Nějak zvlášť to nepotřebuju, ale tvojí snahy a množství stravenýho času si opravdu vážím!!!
Fred
Profil
CROSSjoy To spíš poděkuj Leovi, moje snaha byla z 80% marná ;-)
CROSSjoy
Profil
OK. Děkuju vám oběma.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0