The List.js JavaScript library allows us to manipulate lists, tables and other similar structures in our code. Using this library we can easily filter, sort and allow the user to perform the basic CRUD operations.

The following code sample shows how simple it is to use this JavaScript library.

<!DOCTYPE html>
<html>
<head>
    <title>pixastic.js demo</title>
    <script src="pixastic.core.js"></script>
    <script src="glow.js"></script>
    <script type="text/javascript">
        function changepix(img)
        {
            var newpix = Pixastic.process(img, "glow", {amount:0.2});
            newpix.onmouseout = function (img)
            {
                Pixastic.revert(this);
            };
        }

    </script>
</head>
<body>
    <img src="nicepix.jpg" onmouseover="changepix(this);" />
</body>
</html>

The following video clip overviews the code, explains each and every part of it and shows its execution.

You can find more training material for learning how to use this JavaScript library in my List.js Basics new course. You can find its free version at http://abelski.lifemichael.com.

Leave a Reply

Your email address will not be published. Required fields are marked *