かなりシンプルなAjaxスライドショー - omnioo lab.
数あるAjaxのスライドショーなんですが、単純にスライドショーしてくれるものがあんまりないです。ただ単にスライドショーしてくれるスクリプトの紹介です。 Simple slide show Demo jQueryライブラリーを使っています。これを使う方が手っ取り早いし安定してます。またGoogleではjQueryのAPIサービスを行っているので自由に利用することができます。デモ画面でもGoogleからライブラリーを読み込んでいます。ちょっとしたスライドショーだったらこれで十分なのですが自分の画像ギャラリーなど大量の画像などを読み込む際には自分でjQueryをダウンロードして自分のサーバーに設置した方がいいです。 ここでは手っ取り早くGoogleからjQueryを読み込む例を紹介します。 simple_jquery_slideshow.zip 設定方法 HTML HTMLソースではdiv
JavascriptでFlashのようなスライドショウ
script.aculo.usの実験をかねて、Javascriptを使った画像のスライドショウをやってみました。画像が何枚かフェードイン/アウトして最終的にメニューというかメインのコンテンツが出るというものです。 準備 以下のJavascriptコードを使用します。これは、スライドショウを行う箇所にdivをimgタグを追加して時間が来たら切り替える処理を入れています。 /** * @brief slide show javascript * @author Daijiro Abe * @date 2007.07.22 */ var slide_id = 'slideshow'; // スライドショウを行う箇所のid var img_base = 'img/'; // 画像ファイルを格納するパス var img_width = 350; // 画像ファイルの幅 var img_height
Google Analyticsで外部への発リンク、ダウンロード数が計測できるようになる「gaAddons」 | SEO情報
「gaAddons」はGoogle Analyticsで外部への発リンク、ダウンロード数が計測できるようになるJavaScriptだ。 設定方法は簡単で下の「ダウンロード」から「gaAddons.js」をダウンロードして自分のサイトにUPし、以下のようにライブラリ読み込みをすればOK。 <SCRIPT LANGUAGE=”JavaScript” SRC=”gaAddons.js”></SCRIPT> この設定だけで、Google Analyticsの「コンテンツ＞イベントトラッキング＞カテゴリー」で発リンク、ダウンロード数などが見れるようになるので、オススメだ。 gaAddons.js→ダウンロード →オフィシャルサイト（EN）
jQueryプラグインでクールなプルダウンメニュー | バシャログ。
お仕事で JavaScript によるプルダウンメニューを実装する必要があり、色々試してみて一番お手軽だったのが「droppy」です。 「droppy」 は jQuery のプラグインです。 パッケージをダウンロードすると色々とファイルが入っていますが、必要なのは src ├ javascripts │ └ jquery.droppy.js └ stylesheets └ droppy.css の 2 ファイルです。 プルダウンメニューの実装は、HTML に以下のコードを貼りつけて CSS を適用すればオッケーです。 ■JavaScript … 外部ファイル化がお勧め <script type='text/javascript'> $(function() { $('#nav').droppy(); }); </script> ■HTML … とてもシンプル <ul id='nav'> <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
