0

AdobeIndesignでデザインされた本を持っています。印刷されたときの本には質問があり、答えはフラップにあります。子供たちはフラップを上、右、左、または下の方向に持ち上げて答えを確認します。

私が欲しいのは、この正確な機能をデジタル出力に複製し、iPadで実行できるようにePubを作成することです。だから私の質問は：

a）そのフリップの種類のアニメーションをIndesignに配置する方法
b）Jqueryを使用してHTML5とCSS2ですべてを開発する場合、それをコンパイルする方法。必要なアニメーションとそのフリップ効果をHTML、css、jqueryで作成した後、ePubMakerで試してみました。しかし、コンパイル後、iPadで実行しようとするとエラーが表示されます。

よろしくお願いします

4

2 に答える 2

1

アニメーションコンテンツをiPadに配信することが目的の場合は、AppleのiBooksAuthorを使用してみてください。これは無料でダウンロードでき、非常に簡単です。それがあなたが実装しようとしている種類のアニメーションを正確に実行するかどうかはわかりませんが、そうでない場合は、おそらく同様に機能する可能性のある代替アニメーションがあります。

于 2012-10-26T20:49:48.597 に答える
0

jquery show/hide メソッドを使用して解決しました。

$(document).ready(function() { $('#q1, #ans1, #q2, #ans2, #modal').hide();

$('#btn1').click(function(){
    $('#q1, #modal').show();
    $('#btn1, #btn2').hide();
});

$('#q1').click(function(){
    $('#ans1').show();
    $('#q1, #btn1, btn2').hide();
});

$('#ans1').click(function(){
    $('#ans1, #modal').hide();
    $('#btn1, #btn2').show();
});


$('#btn2').click(function(){
    $('#q2, #modal').show();
    $('#btn1, #btn2').hide();
});

$('#q2').click(function(){
    $('#ans2').show();
    $('#q2, #btn1, #btn2').hide();      
});

$('#ans2').click(function(){
    $('#ans2, #modal').hide();
    $('#btn1, #btn2').show();
});

});

于 2012-10-31T08:44:03.813 に答える