Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
grunt-image-preload
Advanced tools
Readme
The best Grunt plugin ever.
This plugin requires Grunt ~0.4.2
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-image-preload --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-image-preload');
In your project's Gruntfile, add a section named image_preload
to the data object passed into grunt.initConfig()
.
grunt.initConfig({
image_preload: {
options: {
jsvar:"PRELOADER", //optional
root:"http://example.com/", //optional
inlineFile:null,
inlineLoad:null,
rev:false
},
files:[{
cwd: "test/fixtures/images",
src: "**/*.{jpg,jpeg,png,gif}"
}],
process:{
files:[{
cwd: "test/fixtures/",
src: "index.html",
dest: "tmp/"
}]
}
},
});
Type: String
Default value: PRELOADER
This is name of global js variable which will be integrated to *.html document "window.PRELOADER"
Type: String
Default value: ``
Root of all resources
Type: Object
Grunt path to all processing resources
Type: Object
Grunt path from processing resources to destination of generator
Type: String
Default value: null
Task generate js file whick located by options.inlineFile
Type: String
Default value: options.inlineFile
If you want inject file automaticly, script inline in html tag
<script type="text/javascript" src="#{options.inlineLoad}"></script>
Type: String
Default value: false
If you use functionality like plugin grunt-rev, set value
true
and processing filepath by function options.reduceRev
which reduce revision
Type: String
Default value: Function which reduce revision from file path
while processin tree of files
In this example, task search all files in folder "test/fixtures/images" according mask "**/*.{jpg,jpeg,png,gif}" and in file test/fixtures/index.html injected js code with array of resources and put result in tmp/index.html
grunt.initConfig({
image_preload: {
options: {
jsvar:"PRELOADER",
root:"http://example.com/"
},
files:[{
cwd: "test/fixtures/images",
src: "**/*.{jpg,jpeg,png,gif}"
}],
process:{
files:[{
cwd: "test/fixtures/",
src: "index.html",
dest: "tmp/"
}]
}
},
});
from index.html
<html>
<head>
<title></title>
</head>
<body></body>
</html>
generated
<html>
<head>
<title></title>
<!--preloader:js--><script>window.PRELOADER = funtion(){...};</script><!--endpreloader:js--></head>
<body></body>
</html>
using ClientSide code
var preloader = new window.PRELOADER({
threads:4,
progress: function(pro, src, type, time) {
return log("progress(" + type + ") " + time + ": " + pro + "% - " + src);
},
complete: function() {
return log("COMPLETE");
}
});
preloader.load();
preloader.getFile("path/to/file/fulename.jpg")
Type: Function
Create prototype for loading resourses
Type: Function
start load images
Type: Integer
number of parralel loading
Type: function
callback execute every type where resource is success/fail loaded
params:
pro - procents
src - path to resource
type - type of responce
time - time since start of loading
Type: function
callback execute where loading is complete
Type: Function
Arguments:
path:String
- path to image whithou revision
_def:String
- default value
return real path to file
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.
(Nothing yet)
FAQs
The best Grunt for preload images
The npm package grunt-image-preload receives a total of 3 weekly downloads. As such, grunt-image-preload popularity was classified as not popular.
We found that grunt-image-preload demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.