Puzzle
Compatibilidad:
Ms Internet Explorer
Esta demo, que no es una utility propiamente dicha, permite crear una especie de puzzle de imágenes
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE> </HEAD> <BODY bgcolor="white" onLoad="checkit()"> <SCRIPT LANGUAGE="JavaScript"> <!-- var temp = new Image() var loc var gotit function checkit() { if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) return else alert("To play, you need MSIE 4 or greater") } function exch() { if ((event.button == 1) && (event.srcElement.className == "drag")) { if (gotit == 1) { gotit = 0 document.images[loc].src = document.images[event.srcElement.name].src document.images[event.srcElement.name].src = temp.src } else { gotit = 1 loc = event.srcElement.name temp.src = document.images[loc].src } } } document.onmousedown=exch // --> </SCRIPT> <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" STYLE="border:15px ridge red"> <TR> <TD><IMG SRC="9.jpg" WIDTH="120" HEIGHT="112" NAME="pic11" CLASS="drag" ALT=""></TD> <TD><IMG SRC="4.jpg" WIDTH="120" HEIGHT="112" NAME="pic12" CLASS="drag" ALT=""></TD> <TD><IMG SRC="6.jpg" WIDTH="120" HEIGHT="112" NAME="pic13" CLASS="drag" ALT=""></TD> <TD><IMG SRC="1.jpg" WIDTH="120" HEIGHT="112" NAME="pic14" CLASS="drag" ALT=""></TD> </TR> <TR> <TD><IMG SRC="7.jpg" WIDTH="120" HEIGHT="112" NAME="pic21" CLASS="drag" ALT=""></TD> <TD><IMG SRC="10.jpg" WIDTH="120" HEIGHT="112" NAME="pic22" CLASS="drag" ALT=""></TD> <TD><IMG SRC="2.jpg" WIDTH="120" HEIGHT="112" NAME="pic23" CLASS="drag" ALT=""></TD> <TD><IMG SRC="12.jpg" WIDTH="120" HEIGHT="112" NAME="pic24" CLASS="drag" ALT=""></TD> </TR> <TR> <TD><IMG SRC="3.jpg" WIDTH="120" HEIGHT="112" NAME="pic31" CLASS="drag" ALT=""></TD> <TD><IMG SRC="5.jpg" WIDTH="120" HEIGHT="112" NAME="pic32" CLASS="drag" ALT=""></TD> <TD><IMG SRC="11.jpg" WIDTH="120" HEIGHT="112" NAME="pic33" CLASS="drag" ALT=""></TD> <TD><IMG SRC="8.jpg" WIDTH="120" HEIGHT="112" NAME="pic34" CLASS="drag" ALT=""></TD> </TR> </TABLE> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
[
Baja en un único archivo .zip,
las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]
