jQueryが入っていません。

jQueryをダウンロードして、「jquery.js」と言う名前に変えてjsフォルダにコピーしてください。

サンプル

jPresen 1.14bサンプル

スペースまたは→キーを押してください

操作の仕方

推奨ブラウザ

version 1.14bの新機能

概要説明

ページの書き方やその他機能をご説明します。

ページのタイプ

2種類あります。

ページタイプ
通常のスライドです。
トビラタイプ
セクションの扉ページとして使います。

ページタイプの書き方

ページタイプのひな形

<div class="page">
<h2>ここに見出し</h2>
その下に、pとかulとかdlとかcodeとかdivとか
</div>

トビラタイプの書き方

トビラタイプのひな形

<div class="page door">
<h2>ここに見出し</h2>
<p>ここにテキスト</p>
</div>

もんたメソッド」搭載

リンク

リンクを張ると、新規ウィンドウで開きます。
プレゼン中でも気にせずクリック!

センタリング

class="centering"でセンタリングされます。

右寄せ

class="right-position"で右寄せされます。

左寄せ

class="left-position"左寄せされます。

codeタグ

<div class="page">
<h2>HTML</h2>
<p>codeタグをつかうと、&lt;&gt;で囲まれた部分の色が変わります。</p>
</div>

配置画像を拡大表示

貼付けた画像をクリックすると拡大表示されます。
クリックでもとに戻ります。

元のサイズは問いません

この写真と先ほどの写真は、高解像度の画像をwidth/heightをいじって小さく貼り込んでいます。

小さい画像は小さいなりに

小さい画像はそのまま拡大します。
時間がない時など、サムネイルと拡大画像を作り分けるのが面倒なのでこうしてみました。

見た目のカスタマイズ

細かい調整はcssファイルを書き換えてください。

主なところは、custom.cssに分けてありますので、まずはそちらをご覧ください。

フッタ

ページ右下に表示されます。あなたのお名前など。

ダイレクトアクセス

右上のダイレクトアクセスは、ページ内のh2タグを拾って勝手に作られます。

定義済みのスタイル

pタグ。

定義リスト
ddの方は控えめ
表見出し 表データ表データ表データ
表見出し 表データ表データ表データ

スペシャルサンクス

jQueryを使わせていただいております。

自分程度の知識でも、いろいろと工夫することができるすばらしいライブラリです。
本当にありがとうございます。

ライセンス

jQueryにあわせて、GPLとさせていただきます。

ありがとうございました

http://www.kadoyan.com/

ダウンロード:jPresen1.14b.lzh