Scroll to Top

Image Effects

Use this plugin to filter Images with the css3 filters.

SITEMAP Documentation / Js Plugins / Image Effects

Demo

Sepia

Grayscale

Blur

Code copy

<img src="3.png" class="img img-responsive PutEffect" effect-name="sepia" effect-value="60%" />
<script>
    $(".PutEffect").iMageEffects({
        Attributes: true
    });
</script>

Customize your image effects by using these options.

Demo

variable default data-type options function
iMageEffects sepia string CSS Effect name Effect to be applied on image
effectval 50% string Percentage in string Percentage of effect
Attributes false bool true, false if you want to execute by attributes turn it true.
attr_name effect-name string attr name to get the name of effect from attribute, use this attr
attr_value effect-value string attr name to get the value of effect from attribute, use this attr

Code copy

<script>
    $(".PutEffect").iMageEffects({
           Attributes: true
    }); 
</script>

Feedback