Nothing groundbreaking? No not really, the clever part is that all those images, titles and the content was generated by just two or so lines of layout code and a bit of AJAX.

Let's approach this in another way. Maybe you don't want all those images and you'd rather just the links show up with all the info inside the window? Ok here it is..

Not too bad eh? The real 'Deal-Breaker' is that you could have 1000 Sites (or whatever content you choose) and it would still just be two or three lines of layout code, now that's good.

ModalMash is a ‘mash-up’ of ModalBox and Adobes™ Spry Framework. It enabes you to use XML to power a Group of ModalBoxes, leaving you with about three lines of layout code as opposed to 60 lines or much more.

Take a look at the source code for the first example:

<span spry:region=”dsMmash”><span spry:repeat=”dsMmash”>
<p><a href=”#” class=”demo-btn” title=”{name}” onclick=”Modalbox.show(’<div class=\’content-m\’><p>{desc}</p><p><a href=\’{link}\’>{name}</a></p></div>’, {title: this.title}); return false;”><img src=”/imgs/mmash/{image}” alt=”Image of {name}” title=”Image of {name}” /></a></p>
</span></span>

Ok, so it's hardly pretty looking code, but it is very powerfull, remember that code is enough to generate 1000's of modal windows with as many pictures as you'd like. The tags between the curly brackets {} are the Spry operators. They can send any information that you set up in yor XML file. You can also re-arrange them quickly (or by a user selected option) to change the way in which the data is presented.

Sound good? Well if so stay tuned, we're releasing the code on Mon 4th of Feb right here. A bit more time is needed to write clear instructions and provide as many examples as possible