Quiero tomar todos los datos que tengo de ese .json que esta en un archivo externo, luego traerlo a javascript y luego para cada elemento del json tenerlo como:
<a href="_link_">
<img src="_img_" title="_name_">
</a>
Eso por cada elemento del json y como hay dos propiedades ("leaderboard", "medium") hacer eso para ambas.
Este es el .json que genere desde php con json_encode()
{
"leaderboard": [
{
"name": "example1",
"link": "https:\/\/example1\/?r=035b7500",
"img": "http:\/\/example1\/img\/leaderboard.png"
},
{
"name": "example2",
"link": "https:\/\/www.example2.com\/?r=Shair17",
"img": "https:\/\/www.example2.com\/uploads\/728X90.gif"
},
{
"name": "adbtc",
"link": "https:\/\/www.example3.com\/787707",
"img": "https:\/\/example3.com\/promo\/banner_728x90.png"
},
{
"name": "example4",
"link": "http:\/\/example4.com\/r\/p1KGB",
"img": "https:\/\/example4.com\/img\/promo\/banners\/3_728x90.gif"
},
{
"name": "example5",
"link": "https:\/\/example5.com\/r\/12944",
"img": "https:\/\/example5.com\/storage\/images\/tools\/small.jpg"
}
],
"medium": [
{
"name": "example1",
"link": "https:\/\/example1.com\/?r=035b7500",
"img": "http:\/\/example1.com\/img\/rectangle.png"
},
{
"name": "example2",
"link": "https:\/\/www.example2.com\/?r=Shair17",
"img": "https:\/\/www.example2.com\/uploads\/300X250.gif"
},
{
"name": "example3",
"link": "https:\/\/example3.com\/787707",
"img": "https:\/\/example3.com\/promo\/banner_250x250.png"
},
{
"name": "example4",
"link": "http:\/\/example4.com\/r\/p1KGB",
"img": "https:\/\/example4.com\/img\/promo\/banners\/3_300x250.gif"
},
{
"name": "example5",
"link": "https:\/\/example5.com\/r\/12944",
"img": "https:\/\/example5.com\/storage\/images\/tools\/square.jpg"
}
]
}
Lo que quiero obtener es que del json obtener todos los datos y ponerlo en las etiquetas html y luego ya con otra función pintarlos en pantalla aleatoriamente dependiendo de que si pongo leaderboard o medium y solo que muestre uno.