Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
Daniel Zábojník:19.6.2014 18:28

Ahojte, umístil jsem si obrázek do středu webu, ale chtěl by jsem udělat, že když na něj kliknu tak se tam objevy 2 obrazek a po dalsim kliku zase ten 1. Poslali by jste mi prosím zdrojový kód?
Děkuji Předem

Odpovědět 19.6.2014 18:28
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Nahoru Odpovědět  +1 19.6.2014 18:29
Nesnáším {}, proto se jim vyhýbám.
Avatar
Nahoru Odpovědět 19.6.2014 19:16
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
albertpatera
Redaktor
Avatar
albertpatera:19.6.2014 19:31
img:hover {
            background-image: url("cesta/obrazek.png");
          }

do tý závorky dej napiš cestu, kde máš obrázek uloženej

dopuručil bych mrknout se na materiály HTML & CSS ;-)
http://www.itnetwork.cz/…-tvorbu-webu

 
Nahoru Odpovědět 19.6.2014 19:31
Avatar
Odpovídá na albertpatera
Michal Žůrek (misaz):19.6.2014 20:38

hover, ale funguje když na obrázek najede, ne když na něj klikne... Ale když už jsme u toho šlo by to pomocí CSS (částečně).

http://jsfiddle.net/4njNw/

každopádně lepší je http://jsfiddle.net/JXA3H/2/

Nahoru Odpovědět 19.6.2014 20:38
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Michal Žůrek (misaz):19.6.2014 20:43

ten první příklad by šel rozšířit: http://jsfiddle.net/5KaLa/1/

mohlo by to najít využití.

Nahoru Odpovědět 19.6.2014 20:43
Nesnáším {}, proto se jim vyhýbám.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.