A co tohle?
[
https://github.com/teleject/hisrc]
Zdá se to být jednodužší.
Test na stránce [
http://regionycr.cz/t2/]
------
<div class="breakpoint">
<img src="nejmensi-obrazek.jpg"
data-maxwidth320px="maly-obrazek.jpg"
data-minwidth1124px="nejvetsi-obrazek.jpg"
data-minwidth1024px="jeste-vetsi-obrazek.jpg"
data-maxwidth1023px="vetsi-obrazek.jpg"
data-maxwidth767px="maly-obrazek.jpg"
data-maxwidth479px="maly-obrazek.jpg"
alt="Celebrating Halloween in style" style="width:100%" />
</div>
------
Ale nejsem si jistý, jestli to takto stačí. Budu rád, když někdo poradí.
A ještě dotaz? Jde mi hlavně oto, aby mobily nenačítaly velké obrázky určené pro web. PageSpeed mi ale ukázal, že se načítají všechny obrázky, takže si nejsem jistý jestli to nebude ještě horší, když místo jednoho obrázku (byť velkého) se k němu bude načítat ještě zbytek. Neexistuje nějaký nástroj, který by přesně ukázal, co které zařízení načítá???
LinkedIn - Zdeněk Pikulík
Regiony ČR.cz - 1. responzivní zpravodajství z regionů ČR
Medializujeme ČESKO.cz - Revoluční program podpory a modernizace obcí ČR
Obce2020.cz - Moderní řešení profesionálního webu pro obce
Celkem upraveno 3×. Poslední úprava ZdenekPNJ v 17.09.2013 20:45.