dimanche 9 avril 2017

680 animaux




<div style="text-align:center">
<svg id="svgAnim" xmlns="http://www.w3.org/2000/svg" width="385" height="245" ></svg>
<br/>
<button onclick="myFunction77()">Click me !</button>
</div>

<script>
function myFunction77() {
var svgns = "http://www.w3.org/2000/svg";
for (var i = 0; i < 1; i++) {
    var randomString = new Array ();
    randomString[0] = "0";
    randomString[1] = "-245";
    randomString[2] = "-488";
    randomString[3] = "-733";
    randomString[4] = "-978";
    randomString[5] = "-1222";
    randomString[6] = "-1466";
    randomString[7] = "-1710";
    randomString[8] = "-1955";
    randomString[8] = "-2198";
    randomString[9] = "-2443";
    randomString[10] = "-2688";
    randomString[11] = "-2932";
    randomString[12] = "-3176";
    randomString[13] = "-3421";
    randomString[14] = "-3664";
    randomString[15] = "-3908";
    randomString[16] = "-4153";
    var j = Math.floor(16*Math.random());
    var k = Math.floor(16*Math.random());
    var l = Math.floor(16*Math.random());

    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', 0);
    image.setAttributeNS(null, 'y', randomString[j]);
    image.setAttributeNS(null, 'width', 126);
    image.setAttributeNS(null, 'height', 4400);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQd_sdQVGqjjbd1gy38OZTi6u3UiIAKtvuROGX_n5pTBOJuI3C18PMzf9ZqVQvp0AhWZKqbiKVvt0zlBlr2z10h6k_Ru_IcgEHuxrDe82IkmG0t5NJ9fDmpWCvDP7fxOyYk1QzzAsHEA/w126-h4400-no/');
    document.getElementById('svgAnim').appendChild(image);

    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', 126);
    image.setAttributeNS(null, 'y', randomString[k]);
    image.setAttributeNS(null, 'width', 126);
    image.setAttributeNS(null, 'height', 4400);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPa-Kt5RooYR9nnMmS8E-YmOdt_r3YGBYg1w_b2uUmweG8eVcaxYeSQkxElg3u3eMw2zUOJ9tlxtUysRxZHS2178Ru1mq2NycDhvFePKDse1Qpyyf_5RzARoLTx5cpA3SlxNv4SJTPQ/w126-h4400-no/');
    document.getElementById('svgAnim').appendChild(image);

    var image = document.createElementNS(svgns, 'image');
    image.setAttributeNS(null, 'x', 252);
    image.setAttributeNS(null, 'y', randomString[l]);
    image.setAttributeNS(null, 'width', 133);
    image.setAttributeNS(null, 'height', 4400);
    image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSoB6LhXY4fTUHM3TYwzq41IPerWKge6y_iOkCHG2IgZssOxYQc0d7FbVcBvHA7daT1cmjno5aYK0y_dyeA0mvMdd6mvX022M6F1nKcDhzrbtjgdg_equLNSrC0VLHuR452y6mXLaoA/w133-h14400-no/');
    document.getElementById('svgAnim').appendChild(image);

    var rect = document.createElementNS(svgns, 'rect');
    rect.setAttributeNS(null, 'x', 0);
    rect.setAttributeNS(null, 'y', 0);
    rect.setAttributeNS(null, 'width', 385);
    rect.setAttributeNS(null, 'height', 245);
    rect.setAttributeNS(null, 'fill', 'none');
    rect.setAttributeNS(null, 'stroke', 'black');
    rect.setAttributeNS(null, 'stroke-width', 4);
    document.getElementById('svgAnim').appendChild(rect);
}}

</script>