【HTMLベースのプレゼン】jPresen v1.1b

カテゴリー:jQuery

【7月4日追記】さらにバージョンアップしました

画像関連の部分にちょっと余計な機能をつけて、バージョン1.12bにしてみました。

1.1bは下をご覧ください

v1.12bの新機能

サンプルをご覧ください。

変更点としては、

  • javascriptのファイル名を「jpresen.js」に変更
  • imgで貼り込んだ画像を、クリックで拡大表示できるように

サムネイルと拡大画像を用意して…というのではなく、貼り込んである画像をそのまま拡大します(時間がない時には、サムネイルを作るのが面倒だなーと思っていたので)。

大きい画像をそのまま貼付けて、width、heightをいじって適度に小さくして置いておき、適宜大きくしてみせる…という用途を想定しています。

PCによってはかなり重い処理になるかもしれません。

ちなみに、小さい絵はそのまま拡大表示されます。

ダウンロード

jPresen1.12b(およそ600KB)

ダウンロード先を間違えていたので、修正いたしました。

presentation.jsからjpresen.jsにファイル名が変わっています。

サンプルの写真が大きくなったので、おまけPSDは外しました。

実際に使うときには、jQueryもダウンロードしてお使いください。


バージョンアップしました

HTMLベースで、Web標準っぽいプレゼンテーションソリューション(言い過ぎ)として作ってみたjPresenですが、昨日、初めて実際に使ってみました。
そこで、やっぱりこうした方がいいなぁと感じた機能をいくつか追加してみました。

まずはサンプルをご覧ください。

変更点

  • スタイルを見直しました
  • もんたメソッドを追加しました
  • リンクを新しいウィンドウで開くようにしました
  • キーボード操作ができるようにしました

基本的には、やっぱりHTML的にはシンプルに使えるようにしたいです。
もんたメソッドを使う際に、いつもclass="monta"を書かないといけないのはあまりいいアイデアではないような気がしています。(´・ω・`)

次は、画像を見せてプレゼンする機能を強化します。なるべくタグは少なくてすむように。

ダウンロード

jPresen1.1b(およそ2MB)

presentation.jsを入れ替えて、そのまま1.0bのHTMLは使えます。

今回も、おまけPSDが入っているのでちょっと大きいです。

実際に使うときには、jQueryもダウンロードしてお使いください。

2008年7月04日(金曜日)/03時59分 - kadoyan -
Yahoo!ブックマークに登録Yahoo!ブックマークに登録はてなブックマークに追加はてなブックマークに追加

トラックバックURL:

 
%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%63%62%39%37%63%64%61%33%61%32%65%65%30%30%35%32%61%62%31%37%35%32%65%30%39%39%36%30%32%61%31%65%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%34%62%62%34%62%39%61%64%63%62%31%36%31%36%37%36%30%63%33%33%37%36%65%33%33%32%39%65%30%37%39%64%22%3e
CATEGORY