Customize the background color of the overlay by the attribute of target.

    <div class="demo" id="container">
        <ul>
            <li>
                <a href="#"><img src="img/1.jpg" data-background="rgba(120,100,240,0.85)" /></a>
            </li>
            <li>
                <a href="#" >
                <img src="img/2.jpg" data-background="rgba(140,100,180,0.85)" />
                </a>
            </li>
            ...
        </ul>
    </div>
            
    $(function() {

        $('#container').sliphover({
            backgroundColorAttr: 'data-background'
        });

    })