user-agentを参照せずに、IE6, 7, 8, 9の各バージョンを判定するスクリプトを紹介します。 var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }());

HTML+JavaScript, HTML+swf, Flashで動作する、24種類の多彩な表示方法が揃った画像ギャラリーを紹介します。 HTML slideshows & Flash photo gallery templates _ Slideshow Box ※キャプチャは「24. Wall 3D」 まずは、その24種類の多彩な表示方法を紹介します。 特に目を惹いたのは、9, 12, 20, 22, 24です。

フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。

Styling File Inputsは、フォームのファイルボタン(input type="file")をJavaScriptとCSSで、好きな画像に変更できるスクリプトです。

GIFアニメーションの色数やFPSの制約を受けずに、複数の画像からアニメーションを作成できるスクリプトを紹介します。 Canimate デモ 上記のデモで使用している画像のフォーマットはPNGで、GIFでは叶わない美しいアニメーションとなっています。 利用できる画像のフォーマットに制限はなく、どんなタイプの画像でも利用が可能です。 また、FPS（1秒あたりのフレーム数）、フレームのトータル数も指定でき、アニメーションのスピードを調整することも可能です。

MP3ファイルのテキストリンクの横に自動でめちゃめちゃ小さいMP3プレイヤーを設置できるスクリプトを紹介します。 1 Bit Audio Player デモ テキストの右に添えてあるアイコンのクリックでオーディオの再生と停止がコントロールでき、再生中はアイコンが変更されます。 プレイヤーはFlashのMP3プレイヤーが利用されています。 スクリプトはスタンドアローンで利用でき、またWordPressのプラグインとしても動作します。 設置時には、MP3ファイルのリンクの横に自動でアイコンが表示されます。 また、ブックマークレットも用意されており、スクリプトが設置されていないサイトでも1 Bit Audio Playerを利用することができます。 1 Bit Bookmarklet 1 Bit Audio Player（ブックマークレット）

divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。 TinyScroller JavaScript Scrollable Div – 1.7KB demo スクリプトの容量は約1.7KB（圧縮時）で、対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeとなっています。 設置も簡単で、パネルのdiv要素と同列に下記のスクロールバーとなるdiv要素を配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="scrollbar"> <div id="scroller" class="scroller"></div> </div> </textarea>

POSレジだから簡単操作でOK！ 初めてのお店でも安心 インボイスにも対応 お会計は簡単自動計算 面倒な計算不要 給与計算も楽々 売上管理は遠隔で リアルタイムに閲覧可能 履歴が残るから 不正も防止

Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。

function setTimer(msec) { if (flag) return; timerID = setInterval("nextPage(1)",msec); flag = true; } function clearTimer() { if (flag) clearInterval(timerID); flag = false; } スライドショーを行うには、あらかじめ表示する画像を連番にしておきます。サンプルではimagesフォルダ（ディレクトリ）内に0.jpg, 1.jpg, 2.jpg,..., 10.jpg,....100.jpgのように番号を付けて入れておきます。このようにしておけばプログラム側では「変数名+".jpg"」という単純な方法で画像を入れ替えることができます。変数の値を増やせば次の画像に、減らせば前の画像が表示されます。自動的に表示させるにはsetIn

IEでフォームのselect要素にwidthを指定した際、はみ出した箇所が省略されてしまうのを解消するスクリプトを紹介します。 Internet Explorer Select Width Bug Workaround デモページ 対応ブラウザは2010年6月17日の時点でIE6, 7, 8で、スクリプトを使用すると他のブラウザ（Firefox, Chrome, Safari, Opera）と同様に省略されずに表示されるようになります。 ※IE6には別途bgiframe Pluginが必要です。 スクリプトでは他の機能として、スクリプト側でのwidth指定、margin/padding/borderの設定も可能です。 設置は簡単で、既存のフォームにも簡単に適用できます。 jquery.jsとjq.ie-select-width.jsを外部ファイルで記述し、下記のスクリプトを記述します。 J

<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans

Photos © Kevin C. Smith This is a rewrite of a very old experiment. This rewrite uses unobtrusive DOM scripting and semantic markup to achieve its goals, and is somewhat less abusive of the CPU in Firefox. It also works in Safari - the original version was written prior to Safari supporting the CSS3 "opacity" property. Opera doesn't support opacity, so the images will just flip in that browser. Fo