» 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

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

** Microsoft představil nový tablet Surface Go ** Nový model zaujme nízkou cenou, ale schopnostmi zařízení Surface ** Microsoft nepoužil čip ARM, ale klasický procesor od Intelu 

Karel Javůrek | 116

Šmírovačka kamerami Googlu: Koukněte se, co nového zachytily na Street View

Šmírovačka kamerami Googlu: Koukněte se, co nového zachytily na Street View

Google stále fotí celý svět do své služby Street View. A novodobou zábavou je hledat v mapách Googlu vtipné záběry. Podívejte se na výběr nejlepších!

redakce | 44

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

Portál občana už funguje. Na státní web vypadá až překvapivě použitelně

** Portál občana už funguje, vyřídíte na něm první požadavky ** Funkce se budou postupně rozšiřovat ** Web je docela moderní a přehledný

David Polesný | 65

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

** Dlouho se nevědělo, co to přesně má být ** Pak se s krabičkou Google pochlubil na I/O ** Do „Chromecastu“ vtěsnal celý Android TV

Jakub Čížek | 24

Sex a rozmnožování při mezihvězdné cestě: Kolik lidí je potřeba pro let k Proximě Centauri?

Sex a rozmnožování při mezihvězdné cestě: Kolik lidí je potřeba pro let k Proximě Centauri?

** Vědci spočítali, jak velká by musela být posádka pro vícegenerační let k nejbližší hvězdné soustavě ** Proxima Centauri se nachází 4,3 světelných let od nás ** Za současných technologií bychom k ní letěli 6300 let

Petr Kubala | 53

Takhle zemřete, když asteroid dopadne na vaše město

Takhle zemřete, když asteroid dopadne na vaše město

** Jak by to dopadlo, kdyby na světovou metropoli či do nedalekého moře dopadl velký asteroid? ** Simulovali to odborníci z University of Southampton ** Výsledky jsou velmi zajímavé

Petr Kubala | 32


Aktuální číslo časopisu Computer

Velký test 18 bezdrátových sluchátek

Vše o přechodu na DVB-T2

Procesory AMD opět porážejí Intel

7 NVMe M.2 SSD v přímém souboji