1

Oridomi (oridomi.com) Javascript プラグインを使用して、折り紙のアニメーションを実現しています。具体的には、ページの読み込み時に div を展開したいと思います (本の冒頭を描いてください)。

ただし、プラグインで呼び出すことができるメソッドであるにもかかわらず、 unfold() メソッドを機能させるのに苦労しています。

このからわかるように、折りたたまれた状態から展開するのではなく、div を折りたたむことしかできないことがわかります (実際には、アニメーションを逆にしたいと思います)。

私のJavaScript関数 -

(function(){ function init(){

var $domi = $('.unfold').oriDomi({ vPanels: 2, hPanels: 1, speed: 500, shading: false });

setTimeout(function(){
$domi.oriDomi('reveal', -90);
}, 600);}

document.addEventListener('DOMContentLoaded', init, false);

})();

そしてCSS -

.unfold {
    font-family: "Abril Fatface", "Hoefler Text", Constantia, Palatino, Georgia, serif;
    font-size: 4.5rem;
    width: 25rem;
    height: 10rem;
    text-align: center;
    line-height: 1;
    color: #ff676d;
    background-color: #6ac1ff;
    padding: 2.5rem 0;
}

http://oridomi.comのドキュメントでは、これを実装する方法が明確ではありません。どんな助けでも大歓迎です。ありがとう

4

1 に答える 1