Image blur not working using Vague JS

Asked Mar 25 '15 at 09:48

Active Feb 06 '16 at 21:20

Viewed 43 times

I am trying to blur the image like Here using Vague.js

Here is my code:

HTML

<img id="yourelement" src="http://sea-captains-house.com/images/box-discover-oia/sunset.jpg" />

jQuery

var vague = $('#yourelement').Vague({
    intensity:      3,      // Blur Intensity
    forceSVGUrl:    false,   // Force absolute path to the SVG filter,
    // default animation options
    animationOptions: {
      duration: 1000,
      easing: 'linear' // here you can use also custom jQuery easing functions
    }
});

vague.blur();

Here is my JSFiddel

Please help me where I do mistake??

edited Feb 06 '16 at 21:20

marc_s

732,580
175
1,330
1,459

asked Mar 25 '15 at 09:48

Hetal Khunti

Check your console errors: `Refused to execute script from 'https://github.com/GianlucaGuarini/vague.js/blob/master/Vague.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.` It's not loading the Vague.js script properly. – Praxis Ashelin Mar 25 '15 at 10:00
So what I have to do to import external js? Can you please edit my fiddle? – Hetal Khunti Mar 25 '15 at 10:01
1

Read [This answer](http://stackoverflow.com/a/24548325/2539335). – Praxis Ashelin Mar 25 '15 at 10:03
@DarkAshelin Thanks a lots for your point. Rawgit solved my problem. – Hetal Khunti Mar 25 '15 at 10:15
It's ok..np All d Best for your search. :) – Hetal Khunti Mar 27 '15 at 06:30

Image blur not working using Vague JS

0 Answers0