carouFredSel」タグアーカイブ

画像表示アプリの作成(4) – jQuery Cycle Pluginの利用

前回はメインの画像表示(センターパネル)するのに、単純に「img要素のsrc属性」を設定していたが、画像表示用のjQueryプラグインであるjQuery Cycle Pluginを使ってみる。このプラグインを使うことで、 … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

画像表示アプリの作成(3) – 画像表示機能の実現

「画像情報ファイル」を読み込んで、画像を表示するWebアプリを作成する。以下のサンプルでは、テスト画像を30個表示している。 imgview03.html 画面レイアウトには jQuery EasyUI を使う 上パネル … 続きを読む

カテゴリー: Development | タグ: , , , , , | コメントする

jQuery carouFredSelプラグインを使う (2)

carouFredSelを操作する方法。 基本的には、triger() メソッドを使う。(引数に動作を表わす文字列を指定する。) 要素を追加する: insertItem(items) 静的なHTMLではなく、要素を動的に … 続きを読む

カテゴリー: Tips | タグ: | コメントする

画像表示アプリの作成(2) – 画像情報ファイルの作成

画像ファイルの命名規則 画像ファイル名は、撮影日時(=ファイルの作成日時)をもとに、YYMMDD-HHMMSS 形式とする。 例えば、2012年9月8日午後2時31分31秒に撮影された画像ファイル名は、120908-14 … 続きを読む

カテゴリー: Development | タグ: , | コメントする

jQuery carouFredSelプラグインを使う (1)

jQuery.carouFredSelは、画像を「カルーセル」形式で表示させるjQueryのプラグインだ。簡単に使える上に、コードでいろいろ操作できるようなので、深堀して調べてみる。 サンプル:ximgcarousel. … 続きを読む

カテゴリー: Tips | タグ: | コメントする