An awesome html image loader inspired by whatsapp image loader.
Branch: master
Clone or download
Pull request Compare This branch is 2 commits ahead of ryvan-js:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
src
.gitignore
LICENSE
README.md
bower.json
bower.json~
index.html
resize.php

README.md

bleach

An awesome html gaussian image loader inspired by whatsapp image loader. demo : https://www.galactas.com/public/bleach/

Bleach Screenshot

Dependencies

  • jquery: >=1.10.2
  • PHP: >= 5.2.6

Bower Package Managers

# Bower
bower install --save bleach

Usage

HTML Head Tag

<link href='bleach/dist/css/bleach.css' rel='stylesheet'>
<script type="text/javascript" src='jquery/dist/jquery.js' ></script>
<script type="text/javascript" src='bleach/js/bleach.js' ></script>

Inserting Image to your HTML

<div class='bleach' bl-width='400' bl-height='400' bl-src='demo/dog_1.jpg' id='1'></div>

Javascript

<script>
$(function(){
	$.bleach({
		loaderColor:'#2ecff7',
		resizer:'./' //location of the resize.php file
	});
});
</script>

License

Copyright (c) 2016 Ryvan Prabhu

Licensed under the MIT license.