TOPlist

Pixylophone - komentáře

Komentáře (od nejstarších po nejnovější)

Komentáře k příspěvku Bryskní rollovery v CSS bez preloadu


[1] Vložil(a): Vita [web], 2003-07-08, 12:54 Solo | MuteČtenáři: ---

Hezky pixy, moc hezky :) Ale uz jsem to kdysi pouzil :)

[2] Vložil(a): jirkaz, 2003-07-08, 13:13 Solo | MuteČtenáři: ---

výborná myšlenka, určitě to někde použiju.

[3] Vložil(a): Vita [web], 2003-07-08, 13:29 Solo | MuteČtenáři: ---

To pixy> ted jeste vyresit to stiknute ;)

[4] Vložil(a): met, 2003-07-08, 13:42 Solo | MuteČtenáři: ---

Pekne, jen si nemuzu odpustit ;-) poznamku, ze GUI Mozilly to resi podobne a IMHO elegantneji (ale musi k tomu pouzit svoje dodane CSS vychytavky).

Pro srovnani: takova zakladni navigacni tlacitka se nachazi v jednom souboru http://lxr.mozilla.org/mozilla/source/themes/modern/navigator/icons/btn1.gif

 a pres CSS pravidla v http://lxr.mozilla.org/mozilla/source/themes/modern/navigator/navigator.css

se jim (a jejich ruznym stavum) prideli ruzne vyrezy toho obrazku. Bez JavaScriptovych posunu ;-)

Hint: Pravidlem u .toolbarbutton-1 se nahraje obrazek pro vsechna tlacitka a pomoci pravidel u #back-button, #back-button[buttonover="true"], #back-button[disabled="true"] apod. se prideluji jednotlive vyrezy.

Uznavam, neda se to srovnavat, je to delane za pouziti XUL a dodelanych CSS pravidel Mozilly, ale kdyz by to slo tak jednoduse v DHTML (domnivam se, ze nejde), jak by byl zivot snazsi (ciste muj soukromy nazor).

[5] Vložil(a): rony [web], 2003-07-08, 14:42 Solo | MuteČtenáři: ---

hej nieco podobne som prave vcera pouzil na mojom tajnom dennicku o mojom novom byte, ktory sa este len stavia - proste cast obrazku som skryl, po najeti mysou sa len odkryje.

samozrjeme tento napad je sofistikovanejsi a uvazuje s "preklapanim" obrazkov a inymi fintami - naco viac suborov, ked sa to da poriesit jednym a navyse to navonok vyzera "rychle" (aj ked fakticky ani nie je).

[6] Vložil(a): rony [web], 2003-07-08, 14:43 Solo | MuteČtenáři: ---

pixy: a uz pises, zrejme mas byt v obyvatelnom stave, ze? ved sa pochval ;-)

[7] Vložil(a): MedvídekPú [web], 2003-07-08, 17:50 Solo | MuteČtenáři: ---

Hm, nějak nevidím nic jiného než jindy.

První pokus - byl jsem netrpělivý a začal myší šmejdit aniž by se ten GIF byl ještě dotáhl. Výsledek? Nikdy se nedotáhl a umřelo to.

Tak jsem se vrátil zpět a znovu to zkusil, tentokrát počkal poctivě na ten GIF. A výsledekje furt stejný, při posunu myši se začne znovu natahovat obrázek, čekám jak blbec, je to dost dlouho bílé aby se to tam pak objevilo.

IE6, WIN.

[8] Vložil(a): Martin Snížek, 2003-07-08, 19:06 Solo | MuteČtenáři: ---

Je to zajímavý nápad Pixy, ale bohužel mám pod IE6/Win stejnou zkušenost jako MedvídekPú. Pokaždé, když se změní pozice toho obrázku tak ho to znovu nahrává ze serveru :(

Už jsem si s tím jednou hrál a vím že tohle hloupé chování IE všechno pokazí... tuším, že jsem to pak vyřešil pomocí šílené kombinace různých hodnot display, šířek a výšek, ale je to síla...

[9] Vložil(a): Vita [web], 2003-07-08, 19:40 Solo | MuteČtenáři: ---

Martin Snizek: no ja taky dospel k reseni kdy tam das oba obrazky pres sebe a na :hover ten horni bud skryvas nebo ukazujes (zalezi z ceho vyjdes)

[10] Vložil(a): pixy, 2003-07-08, 21:15 Solo | MuteČtenáři: ---

A není ten MSIE6 takhle náhodou p@#č$@%##č@!!k@#$h@v$#@##nda@#@#%$@ená????

[11] Vložil(a): Marek Prokop [web], 2003-07-08, 21:58 Solo | MuteČtenáři: ---

Mně to v IE6 funguje naprosto bez problémů. Je to rychlé, žádné obrázky se opakovaně nenatahují. Nesouvisí to s tím, jak nastavené kešování?

[12] Vložil(a): Jerry, 2003-07-08, 23:05 Solo | MuteČtenáři: ---

Taky nemám u pixiho příkladu pod IE6SP1/WinXP žádné problémy, podklady se krásně prohazují. Hezké, prasátku líbit... :o)

Další testy:

IE4/Win95: čudlíky jsou vedle sebe místo pod sebou, nejsou vidět celé, ale změna barvy po najetí myší funguje

IE5.01SP2/Win95, IE5.5SP1/Win95: vše šlape jak má.

Opera 6.01/WinXP - mění se jen barva textu, pozadí pořád stejné.

Archivní Mozilla 1.1b/WinXP - v pohodě.

Jak se to chová s částečně nataženými obrázky jsem neměl možnost vyzkoušet, visím na pevné lajně a soubory jsou malé, ale nevidím důvod proč by to nemělo jít, vždyť se jenom hýbe pozadím...

met> ale v té pixiho ukázce přece žádný javascript není, pouze čisté CSS.

[13] Vložil(a): lummox, 2003-07-08, 23:21 Solo | MuteČtenáři: ---

zkusil jsem mozilla firebird 0.6, ie6 sp1, opera 7.0 na windows 2000, všude bez problémů. hezké :-)

[14] Vložil(a): met, 2003-07-09, 08:24 Solo | MuteČtenáři: ---

jerry>Nojo, jasne mas pravdu. Ja jsem se dival na ten o'reilly priklad a hned jsem si vzpomel na Mozillu a zacal jsem to zurive hledat v jejich zdrojacich, ze ten pixyho priklad jsem jen tak okem prolitl a unikla mi pointa ;-)

To se rika dvakrat mer a jednou rez, ze? Ten pixyho priklad, ted koukam, to dela docela podobne jako mozilla, jen to resi standardnim CSS, fakt hezky ;-)

[15] Vložil(a): s0 [web], 2003-07-09, 21:32 Solo | MuteČtenáři: ---

hm, akorát když mám v mozille/konqym nastavenou minimální velikost písma, jako že mám stále, tak se obrázek pochopitelně roztáhne pod celou plochou daného textu. ergo kladívko - nepoužitelné :-/

ale na druhou stranu jsem už na rozhozené grafiky zvyklý, takže se nic tak hrozného neděje :P

btw velikost textu si nastavuji, protože nesnáším 8px písma jekýchsi webů :)

[16] Vložil(a): Michal Kubeček, 2003-07-10, 12:24 Solo | MuteČtenáři: ---

S nastavením minimální velikosti písma bohužel počítá málokdo - dokonce ani Pixy ne (u "CSS ikonek" pod menu mi "vyleze" písmo z pozadí). Vzhledem k současné módě používat px-based mikropísma je ale nastavení minimální velikosti nutné.

[17] Vložil(a): Lukáš, 2003-07-10, 20:53 Solo | MuteČtenáři: ---

Je to super nápad pixy, mě to v IE6/Win98 funguje úplně normálně.

Zkoušel jsem swapimages pomocí css, že jsem dal dva obrázky vedle sebe a jednomu dal velikost 0px 0px a při a:hover jsem obrázkům vyměnil vlastnosti. V IE i Mozille to fungovalo sqele, ale Opera mi místo 0px 0px vizuálně zobrazovala 1px 1px obrázek (aspoň mi to tak připadalo), takže se po najetí obrázek nepříjemě klepal. Nevím, co s tím...

Ale tohle je super!

[18] Vložil(a): Emka [web], 2003-07-11, 12:15 Solo | MuteČtenáři: ---

Tak to je vychytavka. Kdyby se to nekomu hodilo, tak jsem nedavno napsal tutorial http://www.proteus.cz/tutorial/imageRollovers/ ,ktery zjednodusuje pouziti rolloveru pomoci DOM.

[19] Vložil(a): Dave G., 2003-07-11, 12:59 Solo | MuteČtenáři: ---

Narazil jsem na to uz tusim pred tremi lety: http://webreference.com/dhtml/column2/

[20] Vložil(a): Petr, 2003-07-12, 14:12 Solo | MuteČtenáři: ---

Ptám se jen, proč geniální věci jsou tak jednoduché???????

[21] Vložil(a): Martin Snížek, 2003-07-28, 18:11 Solo | MuteČtenáři: ---

Teď jsem to zkoušel a zjistil jsem, že nakládání s obrázky závisí u IE/Win na nastavení dočasných souborů Internetu, volba "Zjišťovat existenci novějších verzí uložených stránek". Při nastavení "Při každé návštěvě stránky" se obrázek stahuje při nahrání stránky a potom při každé manipulaci s ním (tedy i při posouvání). Při nastavení jedné ze zbývajících tří voleb ("Při každém spuštění aplikace Internet Explorer", "Automaticky" nebo "Nikdy") se obrázek stáhne pouze při nahrání stránky, při manipulaci se již znovu nestahuje.

Stejné je to ale k mému zděšení i u roll-overů realizovaných JavaScriptem, s klasickým preloadem. Nic nám ale tím pádem nebrání realizovat roll-overy pouze pomocí CSS, protože úspěšnost jakýchkoliv roll-overů závisí na výše zmiňovaném nastavení. Proto: Nevíte někdo, jaké je u této volby v IE výchozí nastavení?

[22] Vložil(a): potapnik [web], 2003-07-28, 22:12 Solo | MuteČtenáři: ---

2Martin: vychoZi nastaveni by melo byt "Automaticky", ale je to beZ Zaruky.

[23] Vložil(a): Pavel, 2003-07-29, 19:27 Solo | MuteČtenáři: ---

No myslím že pokud je opravdu to výchozí nastaveni v IE "Automaticky",tak to tím pádem bude mít nastaveno naprostá většina lidí (osobně si myslím že je to tak nejlepší . .a Microsoft určitě taky :-) proto to tam dali jako default.Takže tím pádem bych se vůbec nezdráhal použití tohoto rolloveru.A že to chybuje v IE 4? . . lidi mějte rozum :-).Kolik procent lidí to dneska má ??? :-) Jo ještě dodávám že v Opeře 7.01/Win XP to funguje již bez problémů . . v 6.01 tomu tak prý nebylo jak jsem se zde dočetl.

[24] Vložil(a): mach, 2003-10-19, 19:53 Solo | MuteČtenáři: ---

Mam v IE nastaveno "automaticky" a css-rollovery mi funguji hezky. Kdyz ale ze stranky otevru nove okno, pak ho zase zavru (takze zas koukam na tu puvodni stranku) tak se po najeti na tlacitka rollovery opet nacitaji :-(


Váš názor

Přidat nový komentář

Váš komentář

Přidávání komentářů k tomuto příspěvku již bylo ukončeno.

Chcete-li autorovi přesto sdělit nějakou podstatnou informaci, která se příspěvku týká, kontaktujte jej e-mailem.



 RSS 0.9x  Export  RDF  Export  RSS 0.9x  Komentáře  TXT  Komentáře  XHTML 1.0  Validate  W3C  CSS 2.1  Em-web  Resizable  W4D  90% dogmatic

Vygenerováno: [stránka generována dynamicky]