Er is geen CSS ondersteuning.
Dit is al een stokoud puzzel-script. Maar het werkt nog steeds naar tevredenheid. Als je wilt kan je de procedure op jouw (spelletjes)website gebruiken. Als je geen behoefte aan het jigsaw-script hebt is er geen man overboord. Op de dns5 kan je gewoon lekker puzzelen...
Als je het puzzel-veld bekijkt, zie je dat er 16 vakjes aan de onderkant
licht-paars gekleurd zijn en dat de bovenste 48 velden grijs-groen zijn.
Het is de bedoeling dat de puzzel in de bovenste 48 vakjes "gelegd" wordt.
Anders geeft het script het aantal zetten en de tijd die nodig was om de
puzzel op te lossen niet weer.
Om een stukje te verplaatsen hoef je er alleen maar op te klikken en
naar een ander vakje te slepen. Boven het nieuwe vakje klik je nog een keer
en het puzzel-stukje zal zichzelf op de juiste manier "plaatsen".
De broncode van het jigsaw-puzzel-script kan je naar jouw webruimte kopieren,
en van jouw eigen plaatje(s) voorzien (geef een img-naam op in de variabele "puzzle").
De positie van de puzzel kan je regelen met de variabelen "linkermarge" en "topmarge".
Het jigsaw-script is dusdanig aangepast dat het (zelfs heden ten dage) prima valideert voor wat betreft de html5 en de css. Zelfs de WAI is dik in orde. Om niet steeds hetzelfde puzzeltje "voor jouw plaat te krijgen", heb ik hieronder nog wat puzzeltjes neergezet. Veel plezier er mee.
cache 01-02-2011