var cartsInfo={ categories: [ { id: "22", name: "بازی", videoCnt: "297157", imgSrc: "https://www.aparat.com/public/public/images/etc/category/22.png?3", patternBgColor: "#1a1a1c", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/22_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/22_onpattern.png?3" }, { id: "21", name: "سلامت", videoCnt: "135300", imgSrc: "https://www.aparat.com/public/public/images/etc/category/21.png?3", patternBgColor: "#008594", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/21_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/21_onpattern.png?3" }, { id: "20", name: "بانوان", videoCnt: "49208", imgSrc: "https://www.aparat.com/public/public/images/etc/category/20.png?3", patternBgColor: "#57114f", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/20_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/20_onpattern.png?3" }, { id: "18", name: "کارتون", videoCnt: "292114", imgSrc: "https://www.aparat.com/public/public/images/etc/category/18.png?3", patternBgColor: "#852d05", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/18_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/18_onpattern.png?3" }, { id: "17", name: "هنری", videoCnt: "137586", imgSrc: "https://www.aparat.com/public/public/images/etc/category/17.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/17_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/17_onpattern.png?3" }, { id: "16", name: "تبلیغات", videoCnt: "278719", imgSrc: "https://www.aparat.com/public/public/images/etc/category/16.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/16_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/16_onpattern.png?3" }, { id: "15", name: "متفرقه", videoCnt: "524632", imgSrc: "https://www.aparat.com/public/public/images/etc/category/15.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/15_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/15_onpattern.png?3" }, { id: "14", name: "حیوانات", videoCnt: "111967", imgSrc: "https://www.aparat.com/public/public/images/etc/category/14.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/14_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/14_onpattern.png?3" }, { id: "13", name: "گردشگری", videoCnt: "50901", imgSrc: "https://www.aparat.com/public/public/images/etc/category/13.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/13_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/13_onpattern.png?3" }, { id: "12", name: "حوادث", videoCnt: "148399", imgSrc: "https://www.aparat.com/public/public/images/etc/category/12.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/12_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/12_onpattern.png?3" }, { id: "11", name: "ورزشی", videoCnt: "425436", imgSrc: "https://www.aparat.com/public/public/images/etc/category/11.png?3", patternBgColor: "#0d591b", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/11_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/11_onpattern.png?3" }, { id: "10", name: "علم و تکنولوژی", videoCnt: "386458", imgSrc: "https://www.aparat.com/public/public/images/etc/category/10.png?3", patternBgColor: "#114d57", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/10_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/10_onpattern.png?3" }, { id: "9", name: "سیاسی", videoCnt: "150359", imgSrc: "https://www.aparat.com/public/public/images/etc/category/9.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/9_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/9_onpattern.png?3" }, { id: "8", name: "خبری", videoCnt: "252713", imgSrc: "https://www.aparat.com/public/public/images/etc/category/8.png?3", patternBgColor: "#00675c", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/8_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/8_onpattern.png?3" }, { id: "7", name: "موسیقی", videoCnt: "579263", imgSrc: "https://www.aparat.com/public/public/images/etc/category/7.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/7_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/7_onpattern.png?3" }, { id: "6", name: "مذهبی", videoCnt: "622422", imgSrc: "https://www.aparat.com/public/public/images/etc/category/6.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/6_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/6_onpattern.png?3" }, { id: "5", name: "فیلم", videoCnt: "364561", imgSrc: "https://www.aparat.com/public/public/images/etc/category/5.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/5_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/5_onpattern.png?3" }, { id: "4", name: "تفریحی", videoCnt: "346792", imgSrc: "https://www.aparat.com/public/public/images/etc/category/4.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/4_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/4_onpattern.png?3" }, { id: "3", name: "آموزشی", videoCnt: "1094035", imgSrc: "https://www.aparat.com/public/public/images/etc/category/3.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/3_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/3_onpattern.png?3" }, { id: "2", name: "طنز", videoCnt: "350169", imgSrc: "https://www.aparat.com/public/public/images/etc/category/2.png?3", patternBgColor: "#ea1d5d", patternBgSrc: "https://www.aparat.com/public/public/images/etc/category/2_pattern.jpg?3", patternIconSrc: "https://www.aparat.com/public/public/images/etc/category/2_onpattern.png?3" } ] } var html=''; var categories = cartsInfo['categories']; for(var j in categories){ html +='

'; html +='

'+categories[j].name+'

'; html +='

'+categories[j].videoCnt+'

'; }; onload= function(){ document.getElementById('aparatCarts').innerHTML=html; }

carts responsive for all device