JavaScriptの最近のブログ記事

2008.04.03.08:00
  1. HOME
  2. Flash
  3. JavaScript
  4. コネタ

スライドショーを小技と共にまとめてみる。

webでスライドショーと言って「写真ばっかり見せてどうすんの？」と思われる方がいるかもしれないが、考え方によっては、いろんな事に使える。 ある意味それだけで完結してしまう。

個人的にも今まで作ったものをまとめようと、そういったスライドショー関連のものを探していたので、今仕事で使っているものも含め、気になったものをいろいろレヴューしてみた。

情報参照元
新しいWebビジネスや技術アイデアを活性化するWebマガジン - youmos
http://youmos.com/

Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
http://www.goodpic.com/mt/archives2/2007/03/lightboxjs.html

432 + JavaScript Libraries : skuare.net
http://www.skuare.net/test/index.html


スライドショーを小技と共にまとめてみる。の続きを読む

show-hey
(2008年4月 3日 20:00) | Flash,JavaScript,コネタ | | コメント(2) | トラックバック(0)
2008.03.31.12:29
  1. HOME
  2. JavaScript

リンク先にアイコンをつけてみよう。多少ブラッシュアップver

仕事柄アイコンをつけてくださいとか、もの凄く細かいレベルでの修正を頼まれたりする事がごく稀にあります。css2のattributeで指定できるのは知っていましたが、
IE6で対応していないので実用性がない。

そこで、jsにてカスタマイズしている方はいないかとググる。
さすが、ネットの世界。すばらしい方がいました。

aguuu ? Blog Archive ? リンクにアイコンを追加してくれる、 Iconizeを属性セレクタが使用できないIE6用にカスタマイズしてみる
http://www.aguuu.com/archives/2007/11/iconizetextlinkswithcsscustomer/

ただし、個人的にbody onload=の形式はhtmlも書き換えなければならないので好きではない。といった所でjavascriptをハッタリで書いている私ですが、知らないなりにカスタマイズしてみました。

http://www.show-hey.com/tools/iconize_cus/

ダウンロードはこちら
http://www.show-hey.com/tools/iconize_cus/iconize_custom.zip

※どうやらこの方法を使うと、aタグにclassを指定していると全て書き換わってしまうみたいです。使用は個人責任でお願いいたします。


【元ネタ】
aguuu ? Blog Archive ? リンクにアイコンを追加してくれる、 Iconizeを属性セレクタが使用できないIE6用にカスタマイズしてみる
http://www.aguuu.com/archives/2007/11/iconizetextlinkswithcsscustomer/

window.onload と <body onLoad> の違い
http://www5d.biglobe.ne.jp/~y0ka/2006-12-07-1.html
show-hey
(2008年3月31日 00:29) | JavaScript | | コメント(0) | トラックバック(0)
2007.12.07.11:17
  1. HOME
  2. JavaScript

もっと見やすい表組みをつくる

表題の通りですが、見やすい表組みはどのように表現可能かを考えてみた。

まずはjsを使った場合
1.ソートできる
sorttable: Make all your tables sortable
http://kryogenix.org/code/browser/sorttable/

2.ハイライトされる
Welcome to Tablecloth
http://cssglobe.com/lab/tablecloth/
▲cssでデザインを変更可能。ハイライトの設定はtablecloth.js内11行目あたりで設定可能

show-hey
(2007年12月 7日 23:17) | JavaScript | | コメント(0) | トラックバック(0)
2007.10.07.05:44
  1. HOME
  2. JavaScript

ニュースをもっとコンパクトに表示

もの凄くマニアックな趣向ですが、
最近アップルのニュースの部分がもの凄く洗練されているなと
感じます。

アップル
http://www.apple.com/jp/

アップルはフェードで表示されますが、
そこまで器用なことは僕にはできないので、
aScrollerというものをつかって
ニュースティッカーを作成してみました。

news ticker with
http://www.show-hey.com/demo/newsticker/

※コンパクトでいいですね…。

参照元
argilla: aScroller
http://digitalhymn.com/argilla/ascroller/

追記

近いものを見つけました。

早速デモを作成
crossfader script DEMO
http://www.show-hey.com/demo/newsticker2/

【参照先】
Javascript / CSS Crossfader : CSS . XHTML . Javascript . DOM : Brand Spanking New
http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html

show-hey
(2007年10月 7日 17:44) | JavaScript | | コメント(0) | トラックバック(0)
2007.07.19.01:27
  1. HOME
  2. Flash
  3. HTML
  4. JavaScript

海外では当たり前のフラッシュの埋め込みスクリプト

flashの埋め込みスクリプトをどうされていますか？

いろいろ海外のサイトを見て回っていると、
当たり前のようにフラッシュは、
SWFObject

というjsを使って埋め込まれています。

adobeからIEのアクティブ化を防ぐためのものが出されていますが、
これもその一種で、よく、Ajaxに関連するものなんかに使われています。

幅・高さ共に100%に指定する方法や、
adobeのサイトに飛ばなくとも、新しいバージョンをフラッシュ内でアップデートできるasも参照できます。

あるブログで翻訳されている方がいました。
結構使っている価値はあるかもしれませんね。


trick7.com blog: SWFObjectのドキュメントを日本語に翻訳してみたよ
http://www.trick7.com/blog/2006/06/15-135235.php

本家:
deconcept › SWFObject: Javascript Flash Player detection and embed script
http://blog.deconcept.com/swfobject/

show-hey
(2007年7月19日 01:27) | Flash,HTML,JavaScript | | コメント(0) | トラックバック(0)
« < | 1 | 2 | 3 | > »
« HTML | メインページ | アーカイブ | Motion Graphic »

DOWNLOAD

アーカイブ

最近のコメント

最近のブログ記事

このブログを購読
[フィードとは]