Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Fotoalbum

HTML a CSS HTML a CSS Fotoalbum American English version English version

Aktivity (1)
Avatar
mat.masar
Člen
Avatar
mat.masar:1.11.2015 15:33

Ahojte, neměl by někdo nějaký nápad jak by se dalo vytvořit něco takového jako je na fotce níže?

Z nabídky fotek by klik na jednu a ta by se zobrazila v tom "plátně".

 
Odpovědět 1.11.2015 15:33
Avatar
Tomáš Brůna
Redaktor
Avatar
Odpovídá na mat.masar
Tomáš Brůna:1.11.2015 15:40

Myslím že by to mohlo jít přes Canvas v JavaScriptu ale nevím jak moc je to správné řešení ;) .

Nahoru Odpovědět 1.11.2015 15:40
Lepší být šprt než blbec :)
Avatar
mat.masar
Člen
Avatar
Odpovídá na Tomáš Brůna
mat.masar:1.11.2015 15:51

Asi ano, http://www.w3schools.com/html/tryit.asp?… tady je to popsané, nebo má někdo jiný nápad?

 
Nahoru Odpovědět 1.11.2015 15:51
Avatar
Tomáš Brůna
Redaktor
Avatar
Nahoru Odpovědět 1.11.2015 16:06
Lepší být šprt než blbec :)
Avatar
Denis Homolík (Alfonz):1.11.2015 16:56

Tomu plátnu prostě měň src podle toho na co klikneš. S jQuery by to mělo být na pár řádků

Nahoru Odpovědět  +2 1.11.2015 16:56
Vše je možné, dokud si to myslíte!
Avatar
mat.masar
Člen
Avatar
Odpovídá na Denis Homolík (Alfonz)
mat.masar:1.11.2015 17:52

Ok díky, s jQuery nebo obecně s js neumím tak si budu muset pročíst pár článků.

 
Nahoru Odpovědět  ±0 1.11.2015 17:52
Avatar
Denis Homolík (Alfonz):1.11.2015 18:22

Vymýšlím to z hlavy, ale mělo by to fungovat :)
Html

<img src="" alt="Plátno" class="platno">
<div class="fotka" data-full="cesta/k/velkemu/obrazku.png">
   <img src="cesta/k/zmensenemu/obrazu.png" alt="Fotka">
</div>

JS s jQuery

$(".fotka").click(function(){
   var src = $(this).attr("data-full");
   $(".platno").attr("src", src);
});
Nahoru Odpovědět  +2 1.11.2015 18:22
Vše je možné, dokud si to myslíte!
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 7 zpráv z 7.