サムネイル付きスライドショー Galleriffic

Filed under: JavaScript — kdcs @ 12年10月3日 水曜日

ダウンロードはこちら

サンプル

wordpress用のプラグインを作っている方がいらっしゃいました
本家はこちら　WordPress gallery plugin PHOTOSPACE 2

別作者改良版のダウンロードはこちらから

jQuery slider2

Filed under: JavaScript — kdcs @ 12年3月22日 木曜日


画像もテキストもdiv要素で囲まれた内容をスライドさせることができる（IE6も動作可）

サイトから、「Download stable（安定版）」をダウンロードする
(続きを読む…)

imgnaviセッティング

Filed under: JavaScript,tool — kdcs @ 12年3月15日 木曜日

imgnaviのセッティングについて

メインの画像に連動してメニューボタン（画像）も切り替わるナビゲーション
jqueryはgoogleより、1.4.2を使用
(続きを読む…)

Twitterのつぶやきをwebページへ

Filed under: JavaScript — kdcs @ 11年4月15日 金曜日

まず、javascript
ユーザー名（ID）とつぶやき数（count=x）は任意で入力する


<script type="text/javascript"
src="http://twitter.com/javascripts/blogger.js">
</script>

<script type="text/javascript"
src="http://twitter.com/statuses/user_timeline/ユーザ名.json?callback=twitterCallback2&count=1">
</script>

HTMLへの記述


<ul id="twitter_update_list"></ul>


この記述の前後にヘッダとフッタを入れてcssでデザインを整える

jQueryでタブ

Filed under: JavaScript — kdcs @ 11年2月20日 日曜日

This is a really simple tabbed interface

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec, mattis semper, leo. Maecenas blandit risus vitae quam. Vivamus ut odio. Pellentesque mollis arcu nec metus. Nullam bibendum scelerisque turpis. Aliquam erat volutpat.

Tab 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec

Tab 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec, mattis semper, leo. Maecenas blandit risus vitae quam. Vivamus ut odio.

Tab 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur enim. Nullam id ligula in nisl tincidunt feugiat. Curabitur eu magna porttitor ligula bibendum rhoncus. Etiam dignissim. Duis lobortis porta risus. Quisque velit metus, dignissim in, rhoncus at, congue quis, mi. Praesent vel lorem. Suspendisse ut dolor at justo tristique dapibus. Morbi erat mi, rutrum a, aliquam nec, mattis semper, leo. Maecenas blandit risus vitae quam. Vivamus ut odio. Pellentesque mollis arcu nec metus.

サイト内検索

カテゴリー

最近の投稿

↑上に戻る