Hrátky s clip - Lupa

Člověče, Ty jsi kouzelník... :-)

Podobnou lupu jsem již kdesi viděl. Měla kolem zvětšované plochy navíc i černý rámeček a stín pomocí PNG. Také tuším neužívala zmenšování obrázku na straně prohlížeče. Stejně jako zde šlo jen o ukázku možností. Bylo by zajímavé vidět to „běžet v praxi“.

Problém s událostmi v Mozille by měla odstranit následující úprava:

function pouzijLupu(e)

{

    x=(e?e:event).clientX;

    y=(e?e:event).clientY;

    ...

}

Další věc, která se nelíbí Mozille, vychází z CSS specifikace. Projeví se pouze při standardním režimu (tj. bez <!doctype> to chodí). Shodneme se na tom, že vypisování jednotek „px“ není intuitivní? :-)

V nízkých rozlišeních zlobí ten nešvar, že clientX a clientY vrací souřadnice vzhledem k levému hornímu rohu zobrazovací plochy prohlížeče. Nijak nezohledňují rolování. Díky tomu jsou tyto dvě vlastnosti většinou nepoužitelné (při životě je uměle udržuje W3C). Zbytečnější jsou snad už jen vlastnosti screenX a screenY, které jsou samozřejmě v DOMu také :-)
Co naopak v DOMu chybí, jsou vlastnosti udávající souřadnice vzhledem k elementu, který událost vyvolal. Pro absolutně či relativně pozicovaný element fungují v Exploreru a Opeře vlastnosti offsetX a offsetY. V Mozille layerX a layerY. Možná by problémy lupy řešily, vyžadovalo by to však více úprav.

Üžasný, doknalý! Jen tak dál.
Mám to na 1024x768 a běhá to jak po másle.

http://webdeveloper.earthweb.com/repository/javascripts/2005/03/660841 /vergrootglas.html

http://habendorf.plavacek.net/pokusy/lupa/princip.html

A co by to melo delat? Ve FF vidim jen dva obrazky, maly a velky, polozene na sobe levym hornim rohem, JS zapnuty a nic... Leo

Leo
Vo FF to nefunguje,
IE a OPERA only

Aha, az ted jsem cetl celou diskuzi, ok, Leo

Získat skutečné souřadnice myši je opravdu Mission Impossible...

habendorf: moc pěkný.

habendorf Tak jsem to nemyslel, v životě by mě nenapadlo, že by si něco někde kopíroval, jestli to tak vyznělo tak se moc omlouvám.

Podobná věc mě taky už napadla, tak se musím pochlubit ;-)

Průhledná maska v DHTML

Poznámka: Dělal jsem to pro FF, případně pro IE (tam ale nejdou poloprůhledný png), v Opeře to není 100%.

ah01 - Tak to už je dost hustý! :) BTW, v IE6 kromě poloprůhlednýho funguje zcela.

Moc hezké, dobře přemýšlíš, habendorfe.

Dero
Moc hezké, dobře přemýšlíš, habendorfe. Ještě by se skoro hodilo doplnit: "Tobě to politicky myslí..." :o))

Napsal jsem to minule a napíšu to ještě jednou, vážně bomba.

habendorf
Co se stalo s Tvými stránkami s lupou?

habendorf
Dík.

Mimochodem, co to je ten Habendorf v českém překladu? Stráž nad Nisou? Prve jsem myslel na Hejnice, ale ty jsou, myslím, trošku jinak, ne? Haindorf či tak něco...

P. S.: Jak je Lázně Libverda?

habendorf
ten princip je pekny, ale jak uz jsem psal minule, zcela nepochybne chybny :)
Tam jasne videt, ze beres okraje pro lupu ala okraj obrazku, kdezto spravne by mel okraj vetsiho obrazku presahovat o polovinu sirky vysky lupy.

Jinymi slovy, kdyz najedu myskou na roh obrazku, musi byt ten roh obrazku uprostred lupy.

Navic se ti tam objevuje scroller ve Firefox.

Navic se ti tam objevuje scroller ve Firefox.
Nejenom ve Firefoxu.