Widget:Test8

<script>(window.RLQ = window.RLQ || []).push(['jquery', () => {

   $(function() {

       console.log('success')
       let data = eval($('#waterfallsData').text())
       console.log('data:' + data)

       let box = document.getElementById('box')
       for (let i = 0; i < data.length; i++) {
           let item = document.createElement('div')
           item.className = "item"

           let a_img = document.createElement('a')
           a_img.href = data[i].link

           let img = document.createElement('img')
           img.src = data[i].src
           // img = document.createElement('div')
           // img.innerHTML = `[[file:${data[i].src}|class=img-kk|link=&{data[i].link}]]`

           let div = document.createElement('div')
           div.className = "text"

           let link = document.createElement('a')
           link.innerHTML = data[i].text
           link.href = data[i].link
           let width = $('#content').width()
           if (width < 700) {
               link.className = "a_tel"
           } else {
               link.className = "a_text"
           }

           a_img.appendChild(img)
           item.appendChild(a_img)

           div.appendChild(link)
           item.appendChild(div)

           box.appendChild(item)
       }

$(".mw-parser-output").append($("

").text($("#box img").width() + "" + $("#box img").height()))

   })

}]); </script>