jQuery Gridy – A Grid Plugin

jQuery Gridy is a plugin that generates a highly customizable grid using templates. (Demo)

Required files:

+ jquery.gridy.min.js
+ jquery-icons.png
+ loading.png

Default configuration:
$('#grid').gridy({ url: '/gridy' });
{"entityList": [{"id": 1, "name": "Washington Botelho", "email": "gridy@wbotelhos.com"}], "total": 1}
<table id="grid"></table>
<script id="template" type="text/x-jquery-tmpl">
   <tr>
      <td>${name}</td>
      <td>${email}</td>
   </tr>
</script>
Demo:

http://wbotelhos.com/gridy

Please:

- Format your code before paste it here, I will probably have to read it;
- Use code formatter to write it:

[source language="javascript"]your_code_here[/source]
Share

jQuery Slidy – A Transition Plugin

jQuery Slidy is a plugin that generates a slide transition. (Demo)

Required files:

+ jquery.slidy.min.js
+ jquery.slidy.css

Default configuration:
$('#banner').slidy();
<div id="banner">
    <img src="image-1.jpg" />
    <img src="image-2.jpg" />
    <img src="image-3.jpg" />
</div>
Demo:

http://wbotelhos.com/slidy

Please:

- Format your code before paste it here, I will probably have to read it;
- Use code formatter to write it:

[source language="javascript"]your_code_here[/source]
Share

jQuery Capty – A Caption Plugin

jQuery Capty is a plugin that creates captions over the images. (Demo)

Required files:

+ jquery.capty.min.js
+ jquery.capty.css

Default configuration:
$('#default').capty();
<img id="default" src="image.jpg" alt="Super Mario Bros.®" width="342" height="262"/>
Demo:

http://wbotelhos.com/capty

Please:

- Format your code before paste it here, I will probably have to read it;
- Use code formatter to write it:

[source language="javascript"]your_code_here[/source]
Share