vendredi 16 février 2018
Pluribus monstrum
<svg width="500" height="500" id="svgFace" onclick="myFunction15();"></svg>
<script>
function myFunction15() {
var randomString0 = new Array ();
randomString0[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj04gN-Bd9fv_8iur0qZEho11rSSnFp1TZi0YdzzH2MBNFXH0mKQ36wZwg15q8qkgW3gqMf2CM-68m81CLXBPof7nNSYFsg-_75v1Sdjq4VOZsGLBmd69XUhvWnln-nNzn-7USDm-VI0F8/s1600/f1.png";
randomString0[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q6Au34f4yEzsEvHKRKgmdDgEFsX8S_ZsND5Dga2GM8Md6boe63vVgRlpWWzxD4TFRHAfs2OQRhpFARxIgI_P_Ip8BsC8idGaqByJlwDcfAa6kAM1iy4UxVVBo5Sp2-YaR3YBZrU0I_U/s1600/f2.png";
randomString0[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNFJBIzBtJaQnKSR4dL_OyOuViXWpBlJJ7sSEcNDzkYfVaYyZYKyi5SYAHKoIBZCPhHTPYl7-WLW0_0fCLIFqPJqcMWo6HCKiz9L9FEwHdjpv6TjXIyI9yVOQPbyjwPTiJEdByNJISGI/s1600/f3.png";
randomString0[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv_c1bsWQ_kyvwGRePh7vrMp2M0R_CPy7VaKqo3RXd7zRpr0HkaKjV73FbFmpp_YxdmXF-y6SPs90wAmfNBWreNRp30IxiURMG7i8ZvFiYmq1zwQwwClWG35we9bcCxrrbSnpZWulruA/s1600/f4.png";
randomString0[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxx8qU4ZtxPP5umvmgeveeG1IUu5oR0rdYQA4d71A7ZfuCuHdWwKFbJiKFb6JnKqMLHbSYTYZ-kbjQtE2j_o80OFhZ26z3RId0Fj5eUuswJUIRCdxZOTmnyUwaDMVtqOlf0r-PX7lXOA/s1600/F5.png";
var face = Math.floor(5*Math.random());
var image0 = document.createElementNS(svgFace.namespaceURI, 'image');
image0.setAttributeNS(null, 'x', 0);
image0.setAttributeNS(null, 'y', 0);
image0.setAttributeNS(null, 'width', 500);
image0.setAttributeNS(null, 'height', 500);
image0.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString0[face]);
var randomString1 = new Array ();
randomString1[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-zISVByk0_J34ZDwYOs0FPQLTY_HlEmn3JmM1qPjaXYPeyF6x4JCutcV2fjirQPi6oLUHLbMFWDartVGtxNUK9PZpVsILubLmSGA9nXdYCCLctGqOUYCvYGF0OFe7GqcQ7vEwfKFo6I/s1600/y1.png";
randomString1[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9na2J3HIpteG_P27rrEka4qd2hEOGjvt5aQnQzEK6vtPcKw7HZ4ZPyidRft8Dc19PrlZmbBr75JjXXPzpIORi26Og3Oq2KZrgcrNvcQjoNFUEducwuf3nFecMcHp3rSDiRJSQQoGjXJs/s1600/y2.png";
randomString1[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglzX86LWerrxI9Uu5rNSijunaShX7nbAudn0NyM9V0Qs9tLzMMHtwFwr2fDQ_OvRp3FpEwoQZS0kYWgbJbg9N6Tlm7lDRRrza6s3EU8ZpIDPKEopjdIjsYezIwkYa0HhIPFRAP7jklxM/s1600/y3.png";
randomString1[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOD0KqPegI839f8gf6LkoTr7KyUiLGFUOsGdKi7xAMa7mgEJjnQrvyV3LyFrGOn9xFeiPe6XU-SMPv1oEOZJXeFpu2czkFeAvFDyMv81RQL8Nd1K3-_3xLlmPAlfoNjot-0x1a8HB3rg/s1600/y4.png";
randomString1[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjra0oacfyi5UerSTKBw-6SW_7Z7axh_YRyDAKmdSNNSLhb4LatSZuz4Sqh4JYsP12HrztmNN1CQu994stWSxBW0JiVFxzpzO1mmaATUGe6DwqZbEFkM2uDEYL-ydrVtrguWVJoEXV3FA/s1600/Y5.png";
var yeux = Math.floor(5*Math.random());
var image1 = document.createElementNS(svgFace.namespaceURI, 'image');
image1.setAttributeNS(null, 'x', 0);
image1.setAttributeNS(null, 'y', 0);
image1.setAttributeNS(null, 'width', 500);
image1.setAttributeNS(null, 'height', 500);
image1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString1[yeux]);
var randomString2 = new Array ();
randomString1[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxYes-OFcqrMwAR39Aqc-6JSY-DMvJO9mYiKPyDZppsy0A4C9D-2-HXORnImXB6L1w9XHDqMK_hVJ0KnxQdT275NIeqs7H7nzruY5uls8swgxKEVGubjOUpoQlNjN5-8ialkPWzMwtbg/s1600/b1.png";
randomString1[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3N2W4Fpn3Jdd0qRMoxm9cTcu2KTYw5EvjF8TfBv1Lb_IDXH1oWOmDb0t8Hkpvr_g2mawJCHRN-6kRfvvt2xdsfTOE_GbTS0A8wigcbWzGZJjveV9vc_egioAt7o5CS5tgf9vRL3ayOf0/s1600/b2.png";
randomString1[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEa_VuZRlwAePp3koki6KQR4i2Un6HcIoRRApb3WcdU7RbyYQOc7h2ZMceGateCKILZy0UNK8lMiekiV0CMd0o57exo5jTqz9hDMyr6I1wX9AqmfLr8QXJdmCFe-Za-6JCxqAMc1Wyo-g/s1600/b3.png";
randomString1[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlGpwNxNyd-Ud6RKl2nqthldh7MPR_L0cyaYxAq930rJm0Y2mgRXbuDXdIvLDcn5GLYkFN8aa2Qhvx5je5LF9qzv9FympDc80j83XVTdVWayMYcFgfKXLTA0zmRXYlgw7xc-Rg1CWFQ/s1600/b4.png";
randomString1[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKkCc3yD0CqD_44NFTnHS67oaUDu3E4wWp6UvhM84RyV8TIXmg5Tlxx98BXnGhjlAS2xfWuCKDbaA_jcqmbDwKLhXY9HknCR-yuZw6j9B0H-JQZ1_ymljA6RN88__sKdqX1G_siFY84Q/s1600/B5.png";
var bouche = Math.floor(5*Math.random());
var image2 = document.createElementNS(svgFace.namespaceURI, 'image');
image2.setAttributeNS(null, 'x', 0);
image2.setAttributeNS(null, 'y', 0);
image2.setAttributeNS(null, 'width', 500);
image2.setAttributeNS(null, 'height', 500);
image2.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString1[bouche]);
svgFace.appendChild(image0);
svgFace.appendChild(image1);
svgFace.appendChild(image2);
}
myFunction15();
</script>
<br />
<br />
<!--more--><br />
<svg width="500" height="500" id="svgFace" onclick="myFunction15();"><br />
</svg><br />
<br />
<script><br />
function myFunction15() {<br />
<br />
var randomString0 = new Array ();<br />
randomString0[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj04gN-Bd9fv_8iur0qZEho11rSSnFp1TZi0YdzzH2MBNFXH0mKQ36wZwg15q8qkgW3gqMf2CM-68m81CLXBPof7nNSYFsg-_75v1Sdjq4VOZsGLBmd69XUhvWnln-nNzn-7USDm-VI0F8/s1600/f1.png";<br />
randomString0[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Q6Au34f4yEzsEvHKRKgmdDgEFsX8S_ZsND5Dga2GM8Md6boe63vVgRlpWWzxD4TFRHAfs2OQRhpFARxIgI_P_Ip8BsC8idGaqByJlwDcfAa6kAM1iy4UxVVBo5Sp2-YaR3YBZrU0I_U/s1600/f2.png";<br />
randomString0[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNFJBIzBtJaQnKSR4dL_OyOuViXWpBlJJ7sSEcNDzkYfVaYyZYKyi5SYAHKoIBZCPhHTPYl7-WLW0_0fCLIFqPJqcMWo6HCKiz9L9FEwHdjpv6TjXIyI9yVOQPbyjwPTiJEdByNJISGI/s1600/f3.png";<br />
var face = Math.floor(3*Math.random());<br />
<br />
var image0 = document.createElementNS(svgFace.namespaceURI, 'image');<br />
image0.setAttributeNS(null, 'x', 0);<br />
image0.setAttributeNS(null, 'y', 0);<br />
image0.setAttributeNS(null, 'width', 500);<br />
image0.setAttributeNS(null, 'height', 500);<br />
image0.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString0[face]);<br />
<br />
var randomString1 = new Array ();<br />
randomString1[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-zISVByk0_J34ZDwYOs0FPQLTY_HlEmn3JmM1qPjaXYPeyF6x4JCutcV2fjirQPi6oLUHLbMFWDartVGtxNUK9PZpVsILubLmSGA9nXdYCCLctGqOUYCvYGF0OFe7GqcQ7vEwfKFo6I/s1600/y1.png";<br />
randomString1[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9na2J3HIpteG_P27rrEka4qd2hEOGjvt5aQnQzEK6vtPcKw7HZ4ZPyidRft8Dc19PrlZmbBr75JjXXPzpIORi26Og3Oq2KZrgcrNvcQjoNFUEducwuf3nFecMcHp3rSDiRJSQQoGjXJs/s1600/y2.png";<br />
randomString1[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglzX86LWerrxI9Uu5rNSijunaShX7nbAudn0NyM9V0Qs9tLzMMHtwFwr2fDQ_OvRp3FpEwoQZS0kYWgbJbg9N6Tlm7lDRRrza6s3EU8ZpIDPKEopjdIjsYezIwkYa0HhIPFRAP7jklxM/s1600/y3.png";<br />
var yeux = Math.floor(3*Math.random());<br />
<br />
var image1 = document.createElementNS(svgFace.namespaceURI, 'image');<br />
image1.setAttributeNS(null, 'x', 0);<br />
image1.setAttributeNS(null, 'y', 0);<br />
image1.setAttributeNS(null, 'width', 500);<br />
image1.setAttributeNS(null, 'height', 500);<br />
image1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString1[yeux]);<br />
<br />
var randomString2 = new Array ();<br />
randomString1[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxYes-OFcqrMwAR39Aqc-6JSY-DMvJO9mYiKPyDZppsy0A4C9D-2-HXORnImXB6L1w9XHDqMK_hVJ0KnxQdT275NIeqs7H7nzruY5uls8swgxKEVGubjOUpoQlNjN5-8ialkPWzMwtbg/s1600/b1.png";<br />
randomString1[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3N2W4Fpn3Jdd0qRMoxm9cTcu2KTYw5EvjF8TfBv1Lb_IDXH1oWOmDb0t8Hkpvr_g2mawJCHRN-6kRfvvt2xdsfTOE_GbTS0A8wigcbWzGZJjveV9vc_egioAt7o5CS5tgf9vRL3ayOf0/s1600/b2.png";<br />
randomString1[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEa_VuZRlwAePp3koki6KQR4i2Un6HcIoRRApb3WcdU7RbyYQOc7h2ZMceGateCKILZy0UNK8lMiekiV0CMd0o57exo5jTqz9hDMyr6I1wX9AqmfLr8QXJdmCFe-Za-6JCxqAMc1Wyo-g/s1600/b3.png";<br />
var bouche = Math.floor(3*Math.random());<br />
<br />
var image2 = document.createElementNS(svgFace.namespaceURI, 'image');<br />
image2.setAttributeNS(null, 'x', 0);<br />
image2.setAttributeNS(null, 'y', 0);<br />
image2.setAttributeNS(null, 'width', 500);<br />
image2.setAttributeNS(null, 'height', 500);<br />
image2.setAttributeNS('http://www.w3.org/1999/xlink', 'href', randomString1[bouche]);<br />
<br />
<br />
svgFace.appendChild(image0);<br />
svgFace.appendChild(image1);<br />
svgFace.appendChild(image2);<br />
}<br />
myFunction15();<br />
</script>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate