» Poradna » Web a internet

Náhled obrázku HTMLcss

 |   |  Microsoft Windows 7 Chrome 25.0.1364.172

Dobrý den dělám webové stránky a potřeboval bych poradit s tím jak udělat náhled obrázku, kdy se po najetí myši obrázek zvětší. Mám jedno řešení: <img src="maly.jpg" onmouseover="this.src='velky.jpg'" onmouseout="this.src='maly.jpg'"/>Je nějaká možnost jak docílit stejného efektu s tím, že nebudu muset nahrát dva obrázky ?

Odpovědi na otázku

 |   |  Microsoft Windows 7 Opera 9.80

Nelze. Vždy tam budeš muset mít jeden malý a jeden velký obrázek. Sice můžeš na web strčit ten velký a nastavit mu malé rozměry. Ale uživatel si bude stahovat ten velký obrázek a to je navýkal.Jedině kdyby jsi měl na serveru nějakou možnost scriptování (třeba php) tak tím by jsi mohl automaticky generovat ten zmenšený obrázek. Ale to je tak vše. Jen s využitím HTML a CSS to nedokážeš. Jedině že by jsi ten obrázek měl ve vektorovém formátu svg.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Opera 9.80
 |   |  Microsoft Windows XP Firefox 19.0

Mia: Jen upřesním, že v tomhle případě samozřejmě nesmí být zakázaný javascript. Což právě docela často bývá kvůli prvkům, o jejichž zobrazování uživatel nestojí.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Náhled




Určitě si přečtěte

Roboruka se 100 let učila otočit kostičku. Skutečné A.I. se možná nikdy nedočkáme

Roboruka se 100 let učila otočit kostičku. Skutečné A.I. se možná nikdy nedočkáme

** Strojové učení v posledních deseti letech dokázalo divy ** Používáme ho dnes každý den nejen ve vyhledávači ** A přesto se člověku nepřibližuje ani náznakem

Jakub Čížek | 59

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

** Apple dnes představuje nové produkty v čele s novými iPhony ** Nemusí zůstat jen u telefonů, čekají se i další novinky ** Úvodní přednáška začíná v 19:00 našeho času

David Polesný | 57

Velká podzimní aktualizace: Co nového teď najdete ve Windows 10

Velká podzimní aktualizace: Co nového teď najdete ve Windows 10

** Microsoft se opět snaží spojit telefony a počítače. ** Místo velkých novinek se zaměřil spíše na drobná vylepšení. ** Vyhledávání je konečně použitelné a hledá téměř všude.

Vladislav Kluska | 78

Dell XPS 13: Když vás ostatní doženou až za tři roky

Dell XPS 13: Když vás ostatní doženou až za tři roky

** XPS 13 nastartoval trend notebooků bez rámečků ** Letošní model kompletně přechází na USB-C ** Navzdory malému tělu se řadí výkon ke špičce

Tomáš Holčík | 34

Nová americká jaderná puma změní strategii boje

Nová americká jaderná puma změní strategii boje

** Bombardér Northrop Grumman B-2 Spirit amerického letectva nedávno svrhl jadernou pumu ** Šlo o test nové varianty pumy B61-12 ** Ta by měla mít hlavice schopné explodovat se silou 0,3 až 50 kilotun

Stanislav Mihulka | 63


Aktuální číslo časopisu Computer

Jak vytvořit a spravovat vlastní web

Velký test herních klávesnic a DVB-T2 tunerů

Vše o formátu RAW

Vybíráme nejlepší základní desku