How to adapt


To add a memory game, add a division
<div class="wg-memory" id="a-0">
and get jquery to transform that content into an interactive.
jQuery(".wg-memory#a-0").wgMemory({});

All images are specified in the script options. Be careful to carefully match the format of this sample (with commas to separate parameters). If no match image is specified, then each card is used both as card and match.
cardWidth: 100,
cardHeight: 100,
columnQty: 4,
cardBackImage:     'http://widged.com/widgeds/pix/memory/card_pattern.png',
cardMatchImage:    'http://widged.com/widgeds/pix/memory/card_done.png',
cards: [
   {card: 'http://widged.com/widgeds/pix/memory/apple_img.png',   match: 'http://widged.com/widgeds/pix/memory/apple_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/banana_img.png',  match: 'http://widged.com/widgeds/pix/memory/banana_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/burger_img.png',  match: 'http://widged.com/widgeds/pix/memory/burger_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/carrots_img.png', match: 'http://widged.com/widgeds/pix/memory/carrots_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/chicken_img.png', match: 'http://widged.com/widgeds/pix/memory/chicken_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/fish_img.png',    match: 'http://widged.com/widgeds/pix/memory/fish_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/grapes_img.png',  match: 'http://widged.com/widgeds/pix/memory/grapes_txt.png'},
   {card: 'http://widged.com/widgeds/pix/memory/milk_img.png',    match: 'http://widged.com/widgeds/pix/memory/milk_txt.png'}
]

Code:

<div class="wg-memory" id="a-0"></div>
<script type="text/javascript" src="http://widged.com/widgeds/js/jquery.memory.js">
</script><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
jQuery(".wg-memory#a-0").wgMemory(
{
cardWidth: 100,
cardHeight: 100,
columnQty: 4,
cardBackImage: 'http://widged.com/widgeds/pix/memory/card_pattern.png',
cardMatchImage: 'http://widged.com/widgeds/pix/memory/card_done.png',
cards: [

{card: 'http://widged.com/widgeds/pix/memory/apple_img.png', match: 'http://widged.com/widgeds/pix/memory/apple_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/banana_img.png', match: 'http://widged.com/widgeds/pix/memory/banana_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/burger_img.png', match: 'http://widged.com/widgeds/pix/memory/burger_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/carrots_img.png', match: 'http://widged.com/widgeds/pix/memory/carrots_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/chicken_img.png', match: 'http://widged.com/widgeds/pix/memory/chicken_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/fish_img.png', match: 'http://widged.com/widgeds/pix/memory/fish_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/grapes_img.png', match: 'http://widged.com/widgeds/pix/memory/grapes_txt.png'},
{card: 'http://widged.com/widgeds/pix/memory/milk_img.png', match: 'http://widged.com/widgeds/pix/memory/milk_txt.png'}
]
}
);
//-->
//]]>
</script>