nivo-sliderの透過pngでハマった件

nivo-sliderっていう、jQueryのスライドショープラグイン。
かなり使い勝手がよくって、よくお世話になってる。

今日もいつものようにnivo-sliderでスライドショーを…と思ったら、見事にハマッてしまったのでメモ。

何の変哲もなく、普段通りに設定したのに、アニメーションが変。
しかも、前の画像がかぶって表示されている。

設定変えたり、js最新にしたり色々やったけど、結局問題だったのはスライドする画像。
今回使用したのは透過png。
背景を透過していたために、普段ならキレイにアニメーションされる部分が透けてしまっていた様子。

どうやら、透過pngはスライドにしないほうがいいみたい。
背景を透過処理せず、普通のpngにしたらうまくいきましたとさ。

コメントを残す

メールアドレスが公開されることはありません。