samedi 9 septembre 2017

10 x 3



<center><svg id="svgTwo" xmlns="http://www.w3.org/2000/svg" width="500" height="460" >
</svg><br>
<button onclick="myFunction()">Click me</button></center>
<script>
function myFunction() {
var svgns = "http://www.w3.org/2000/svg";
for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "0";
    randomString[1] = "-500";
    randomString[2] = "-1000";
    randomString[3] = "-1500";
    randomString[4] = "-2000";
    randomString[5] = "-2500";
    randomString[6] = "-3000";
    randomString[7] = "-3500";
    randomString[8] = "-4000";
    randomString[9] = "-4500";
    randomString[10] = "-5000";
    var j = Math.floor(10*Math.random());

    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', randomString[j]);
    image.setAttributeNS(null, 'y', 0);
    image.setAttributeNS(null, 'width', 5000);
    image.setAttributeNS(null, 'height', 157);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj76I8GQR6m2Ht8ONvsXjSm_TFa7sH2mPN_oYuUYjy0n0vIEv_m0VToyzRvmWwh0NWwjvHdZQdZ6INASJYgZwwGorjRwgX3m29ALASs2TTjj-iSijMSAC1_8PNKgHqbG5l55vNlmmaFGVg/w5000-h157-no/');
    document.getElementById('svgTwo').appendChild(image);
}
for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "0";
    randomString[1] = "-500";
    randomString[2] = "-1000";
    randomString[3] = "-1500";
    randomString[4] = "-2000";
    randomString[5] = "-2500";
    randomString[6] = "-3000";
    randomString[7] = "-3500";
    randomString[8] = "-4000";
    randomString[9] = "-4500";
    randomString[10] = "-5000";
    var j = Math.floor(10*Math.random());
 
    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', randomString[j]);
    image.setAttributeNS(null, 'y', 157);
    image.setAttributeNS(null, 'width', 5000);
    image.setAttributeNS(null, 'height', 160);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQIgoTJzXD251ND0j9fyPDPz40NpmvkZkTwH8UStDb6A9aQuTU0-876_bIpe9FYigGnfJrcZcdzxK3_qsVmRkqksmlFF04LkZEGGLQ2vjTrr06Ke07jq6BpMpn_9tUcbcBUdfwUsBYbbc/w5000-h160-no/');
    document.getElementById('svgTwo').appendChild(image);

}

for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "0";
    randomString[1] = "-500";
    randomString[2] = "-1000";
    randomString[3] = "-1500";
    randomString[4] = "-2000";
    randomString[5] = "-2500";
    randomString[6] = "-3000";
    randomString[7] = "-3500";
    randomString[8] = "-4000";
    randomString[9] = "-4500";
    randomString[10] = "-5000";
    var j = Math.floor(10*Math.random());

    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', randomString[j]);
    image.setAttributeNS(null, 'y', 317);
    image.setAttributeNS(null, 'width', 5000);
    image.setAttributeNS(null, 'height', 143);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IhQcReTxqAUTHVQfpTCKmItWEBlWIh1FN_pFFnXtoSS8NRgg3WOEk-52fJP5xdgUGXrrwV4s45q8xAnv4k055qBrLx5atWjtvgHF8dAV2T5K4M61q5cMCzkAb8oyuA15A29ae4SJdTo/w5000-h143-no/');
    document.getElementById('svgTwo').appendChild(image);

}}
</script>