Skip to content

Vaflan/pngif

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

pngif

It's a jQuery Plugin, Frame animation for PNG sprites.

Alternative for APNG, animates images.

The advantage is that it is obtained as a normal image in <img> tag

For example, you can download repository and check out example.html

Default initialization does - frame 8, position: right.

You can set only a number of your animate image frame.

Example code

$('.pngif').pngif();
$('.pngif').pngif({
	frame: 12,
	width: 40,
	position: 'top',
	delay: 250
});
$('.pngif').pngif('destroy');

Where can I get free sprites?

preloaders.png

Описание

Для решения трудности с прозрачностью альфа GIF тенями, которые не доступны. Принцеп похож на APNG, png спрайт изображение с автоматическим переключением кадров.

Плагин работает по принципу interval, ссылка на репозиторий: https://github.com/Vaflan/pngif

Немного о возможностях:

  • достаточно взять jQuery элемент и применить .pngif() указав количество кадров в спрайте изображения
  • есть возможность указать позицию кадров начиная с top или left
  • можно указать период переключения в миллисекундах (по дефолту 100мс)
  • можно указать в какую сторону пролистать спрайты (right, down, top, left)
  • так же можно указать определённый размер вырезаемого спрайта, в случае если на спрайте есть лишние элементы как у fancybox preload
  • можно использовать технологию CSS3, достаточно добавить параметр {css3: true}

Если есть идеи или как его улучшить - пишите, объязательно посмотрим!

About

Alternative for APNG and Frame animation for PNG sprites

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published