NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
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
Tvůrce
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
Vi veri universum vivus vici
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
Tvůrce
Avatar
Odpovídá na mat.masar
Tomáš Brůna:1.11.2015 16:06

tady taky něco je: http://www.itnetwork.cz/…rial-obrazky

Nahoru Odpovědět
1.11.2015 16:06
Vi veri universum vivus vici
Avatar
alfonz
Člen
Avatar
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
1.11.2015 16:56
lmao
Avatar
mat.masar
Člen
Avatar
Odpovídá na 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
1.11.2015 17:52
Avatar
alfonz
Člen
Avatar
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
1.11.2015 18:22
lmao
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.