Opening animation properties on external file with function (jQuery)

[Anonymous]

i have a function like ths

$(“.nav_button”).click(function() {
$(“.slides”).animate({ animation properties here });
});

What i want todo is store the animation properties in a separate jquery file and call that file with that function. And the animation occurs according to the properties in the external file. And how would the properties in the external file be written?

[TheDoc]

Something like this:

var animationOptions = {
duration : 400,
easing : ‘swing’
}

$(‘.slides’).animate({
height: 10
}, animationOptions);

[CrocoDillon]

External file could be JSON and call it with GET.

$.getJSON(‘/path/to/file.json’, function(data) {
console.log(data); // verify it works
});

[Anonymous]

@CrocoDillon but how would the animation properties be written in the JSON file? This is the animation i have

$(“.slides”).animate({left:’100%’});

How would that be written in the JSON file?

[CrocoDillon]

I’m guessing `{left:’100%’}`, in a file named .json could work.

[Author]

Posts