Thread:HowlingWolf83/@comment-32271305-20181214022313/@comment-37498053-20190107163011

CakeBuu wrote: But on the test wiki it is just the same regular [[file code. Well, is a bit difficult to explain with my english, but i will try.

At first on tests wiki i tried to show apng for all browsers using css, so was showing the png as background to be able do it. I discharded that method for 3 reasons. 1: It had not way to include a link. 2: Was necessary include all links on MediaWiki:Wikia.css. 3: The most important, the download was slowly because i was using a free hosting.

Now i'm using other method, i'm using the root link from Vignette (original file), that ignore the Fandom algorhithm to make Thumbnails, who is the causer to do static the apng's on Chrome. But how it's skiping the Thumbnail algorithm the image is showed without link, just the image.

So i put the apng on a parent div, and inside a child div with a second transparent png over the main apng, with the only objective to be who have the link.

So this the result:

https://vignette.wikia.nocookie.net/dbz-dokkanbattle/images/3/33/LR_Goku_and_Vegeta_Potara_120px.png/revision/latest?cb=20190106174059&format=original https://vignette.wikia.nocookie.net/dbz-dokkanbattle/images/3/33/LR_Goku_and_Vegeta_Potara_120px.png/revision/latest?cb=20190106174059&format=original

On Template is a bit different because is ready for no interfere with normal characters.

HorusDB wrote: @HowlingWolf: what program do you use to compile all the PNG frames? I'm using 2 different programs, APNG Assembler for thumbnails and APNG Anime Maker for artworks.

The reason is because Anime Maker can optimize the apng's, but have troubles with transparent backgrounds, so i use Assembler for thumbnail because its compression is a bit better.