랜덤이미지 출력 채택완료

    

        

        

        #a, #b, #c, #d { border: 1px solid gold; border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; width: 440px; height: 150px; }

        

        

        function random_images(args) {

            if (args.node.length == args.imgs.length) {

                args.imgs.sort(function (a, b) { return 0.5 - Math.random(); });

                args.imgs.sort(function (a, b) { return 0.5 - Math.random(); });

                for (var i = 0, i_len = args.node.length; i  i_len; i++) {

                    args.node[i].innerHTML = '';

                }

            } else {

                alert("length is not equal");

            }

        }

        

        document.addEventListener("DOMContentLoaded", function () {

            var params = {

                node: [

                    document.getElementById("a"),

                    document.getElementById("b"),

                    document.getElementById("c"),

                    document.getElementById("d")

                ],

                imgs: [

                    {src: "http://amazingiceland.is/sites/default/files/inline-images/take%20a%20trip%20500%20x%20100.png", width: 440, height: 150},

                    {src: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Basmala.svg/500px-Basmala.svg.png", width: 440, height: 150},

                    {src: "https://www.dsj.org/wp-content/uploads/2015/01/LightIsOn-PrintAds-500x100.png", width: 440, height: 150},

                    {src: "http://www.bmxmafia.com/Images/logos/Mafia_header_footer_images/bmxmafia_logo_500x100.jpg", width: 440, height: 150},

                    //{src: "http://www.deech.org.uk/GirtonOperatic/images/logo-banner-500x100-2013.jpg", width: 440, height: 150},

                ]

            };

            random_images(params);

        }, false);