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

Diskuze: Js a css

JavaScript JavaScript Js a css

Aktivity (1)
Avatar
mat.masar
Člen
Avatar
mat.masar:9.1.2016 22:28

Ahoj, dá se přes javascript ovlivňovat css? Myslím tím, že bych zjistil rozměry obrázku a podle toho nastavil rozměry plátna, kam se vykresluje.

 
Odpovědět 9.1.2016 22:28
Avatar
Dennis Tschamler
Redaktor
Avatar
Odpovídá na mat.masar
Dennis Tschamler:9.1.2016 22:51
window.onload = function() {
        var obrazek = document.getElementById('obrazek');
        var width = obrazek.width;
        var height = obrazek.height;


        var platno = document.getElementById('platno');
        platno.style.width = width+"px";
        platno.style.height = height+"px";
}

Za style následuje jakákoliv css vlastnost.

https://jsfiddle.net/45x37zgz/1/

Editováno 9.1.2016 22:53
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět  +2 9.1.2016 22:51
Avatar
mat.masar
Člen
Avatar
Odpovídá na Dennis Tschamler
mat.masar:10.1.2016 18:27

S js neumím, ale podle ukázky to vypadá, že to bude fungovat :D Takže díky

 
Nahoru Odpovědět 10.1.2016 18:27
Avatar
Bogdan
Redaktor
Avatar
Odpovídá na Dennis Tschamler
Bogdan:11.1.2016 0:36

Da se nějak předejít toho, že se ten div(modré pozadí) "zmenší" s cca 1 vteřinovým zpožděním?

 
Nahoru Odpovědět 11.1.2016 0:36
Avatar
Dennis Tschamler
Redaktor
Avatar
Odpovídá na Bogdan
Dennis Tschamler:11.1.2016 7:37

Melo by stacit nastavit pocatecni vysku #background na 0

https://jsfiddle.net/45x37zgz/4/

 
Nahoru Odpovědět 11.1.2016 7:37
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 5 zpráv z 5.