Autor Zpráva
bigshock
Profil
hledám to správné řešení, které dokáže po najetí na obrázek zobrazit na zaklade udalosti onmouseover velky nahled obrazku pricemz puvodni obrazek musi byt aktivni odkaz na detail produktu...

ukazka: http://www.hodinarstvi-klenotnictvi.cz/ (najedte na jakekoliv zbozi)

nasel jsem jediné řešení: http://cssglobe.com/lab/tooltip/02/
ale tady je problém, že se velký obrázek vždy zobrazuje x pixelů doprava od kurzoru a y pixelů nahoru tzn, že například je-li náhled příliš dole nezarovná obrázek vertikálně na obrazovku :(
ShiraNai7
Profil
Jsou jich desítky.. a pochybuju že by ani jeden z nich neuměl to co potřebuješ:

http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/
http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/

Ale jinak bys mohl uvažovat o jiném řešení, klikací ikonka lupy nebo něco takového a pak zobrazovat stylem lightboxu. Aby na mě vyskakovaly obrovské náhledy jen protože se pohybuji myší po stránce mi nepříje moc elegantní a ve velkých eshopech jsem se s tím nesetkal.
Chamurappi
Profil
Reaguji na bigshocka:
nasel jsem jediné řešení: http://cssglobe.com/lab/tooltip/02/

To je rozkošná uvítací hláška. Zvláštní je, že po jejím odkliknutí vše funguje :-)

tady je problém, že se velký obrázek vždy zobrazuje x pixelů doprava od kurzoru a y pixelů nahoru
Je důležité, aby se náhled hýbal společně kurzorem? Z pohledu návštěvníka nevím, jaký by to pro mě mělo přínos, že s tím obrázkem můžu kvedlat. Kdyby stačila statická pozice, nepotřebuješ ani JavaScript, stačí chytře vymyšlený :hover na odkaze.
bigshock
Profil
samozřejmě máš pravdu, já jsem odpůrce toho aby vůbec stránka něco dělala na základě onmouseover natož aby se takovým způsobem zobrazovaly obrázky - nicméně klient chce, co naděláš

Je důležité, aby se náhled hýbal společně kurzorem? Z pohledu návštěvníka nevím, jaký by to pro mě mělo přínos, že s tím obrázkem můžu kvedlat. Kdyby stačila statická pozice, nepotřebuješ ani JavaScript, stačí chytře vymyšlený :hover na odkaze.
no to ano to by bylo elegantní řešení což byl i původní plán pomocí skrytého obrázku, akorát nemůžu vymyslet pozicování ... protože vlastně obrázek se musí zobrazit tak aby byl jako by vždy "uprostřed" obrazovky ... když se třeba zobrazuje od kurzoru dolů a bude zrovna uživatel v nějaké dolní třetině obrázek se zobrazí pod okrajem
Daniel V.
Profil *
Stiahni si z www.stahuj.centrum.cz program: Ferant DHTML Windows, Tam si môžeš vybrať aké okienko len chceš, nastaviť si velkosť, polohu, kde sa to má objavovať, a do okienka si môžeš dať text, alebo fotografiu, akú len chceš. Program ti to vygeneruje v Javascripte.Tie okienka sú stále v nastavenej polohe, nezávisle na tom, odkiaľ boli aktivované. Myslím, že sa tam dajú nastaviť aj rámy, ale to som si nie istý. A keď dobre nastavíš onmouseover a onmouseout, tak ti môže okienko aj tak isto zatvárať, ako v tej tvojej ukážke!
petersno
Profil *
ahoj vsetci

riesim podobny problem { na shope sa zobrazuju nahlady vzdy vpravo dolu od povodneho obrazku, co pri umiestneni moc vpravo,
alebo dolu prinasa drobny problem so zaliezanim nahladu "mimo okno", takze vidno iba cast } a chamurappi tu spomenul :
"nepotřebuješ ani JavaScript, stačí chytře vymyšlený :hover na odkaze"
poradte prosim, ako urobit nahlad bud centrovany na stred okna, alebo zobrazeny tak, aby bol vzdy vidiet cely, bez javascriptu

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:

0