JavascriptとCSSによる画像スライドショー（1）と同様に、Javascriptによるシンプルな画像スライドショーをもう１つ。
色々なスクリプトを取扱っているDynamicdriveからの抜粋です。
これまたシンプルで設置も簡単です。
スクリプト提供サイト
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
ページの説明文に従って、まずは
stepcarousel.js
jquery-1.2.6.pack.js
の２つのJavascriptをダウンロードし、
ページ内の説明文のStepに従い、ソースを記述すればOKです。
また、Javascriptに画像名を記述するのではなく、
<body>内に直接<img>タグで記述出来るので、
更新性にも優れているんじゃないでしょうか。
こちらもカスタマイズ次第では、写真の見せ方の幅がグン！と広がりそうなスクリプトですね。
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm
Date :2009/6/10 21:03:04
Category :
javascript
Operation :
以前紹介したFLASHやJavascriptによる画像ギャラリー集の続きですが、今度はJavascriptとCSSによる画像スライドショーのスクリプトを色々探してみました。
まずはパッケージを丸ごとダウンロードして直ぐにでも動かしたい、
という場合に使えそうなシンプルなスライドショーから。
パッケージ配布場所
http://code.google.com/p/slideshow/
パッケージ配布先のURLより
Slideshow2r147.zip
をダウンロードして展開します。
このパッケージはあくまで基本機能だけ、という感じなので、
少々物足りないという方は、以下のサイトのように
キャプションを付けたり、画像にリンクを付けるなど、
諸々のカスタマイズが可能なようですので参考にしてみては。
http://www.electricprism.com/aeron/slideshow/
Date :2009/6/2 21:00:35
Category :
javascript
Operation :
web2.0サイトを紹介したホームページとして有名どころと言えばCSSREMIXですが、そのCSSREMIXにはcssremix.comとcssremix.co.ukの２つのサイトが存在します。
何か違いがあるのか、両サイトを５分くらい見比べてみた。。。。
…
結論を言えば、両者は全く同じサイトですw。
それもそのはず、cssremix.co.ukはcssremix.comのサイトを<frame>で読み込んでるだけでした。。。。
これってまんまミラーサイトなんじゃないですかねー？？？
ていうかこれって、例えばseesaaとかフリーブログ使ってHTMLカスタマイズ時に<frame>だけかませて本家サイト読み込ませとけば、もしかしておんなじこと出来んじゃねー？？？
でも、これってかなり対検索エンジン上、問題あるんじゃねー？？？って思ったら、cssremix.comもcssremix.co.ukも両方Googleの上位に上がってるから、実はそんなにSEO上影響ナインじゃねー？？？？
ちょっと時間があったらseesaaでやってみよっとw。
やや以前より使い心地が悪くなったような気がしないでもないが…
「Wordpressでここまでのサイトを構築することができる」という、デザインも含めて非常に良いお手本にさせてもらっています。個人的には初期のインターフェイスがかっこ良くて好きやったけど、今後の変化がさらに楽しみなサイトですね。
CSSREMIX
http://cssremix.com/
イエイリさんがやってたんですね。。。今日初めて知りました。何でもやるからスゴいです。
「CSS」の名を冠したサイトが海外を中心によく展開されてますが、国内サイトのCSS HAZARDは趣向が面白くて楽しませてもらっています。掲載基準はどうやら「デンジャラスなデザインのサイト」ということなので、ギリギリのラインを攻めないと載らなそうなお題ですね〜。
イラレの「テキスト回り込み」のように、WEB上でもテキストを回り込みさせてしまおう！という機能だそうです。早速やってみました。
The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。The CSS Text Wrapperを使ってみました。
(続きを読む…)
Date :2007/12/12 0:31:20
Category :
ブログ / WEBサイト
Operation :
Tags :
css
Comment :
(0)
Bookmark :
家のWindowsマシンにIE7（Internet Explorer 7）を入れてたんですが、訳あって、IE6（Internet Explorer 6）に戻しました。が、IE7とIE6とでは、CSSの読み込みに大きな差があることが判明して、これがまた厄介な問題を生んでしまいましたよ。。
IE7はMac.のSafariに近い感覚でスタイルを決めていけたので、Mac.でコーディングしてててもさほど問題なかったんですが、これをIE6で見た場合、サイトのレイアウトが大きく崩れてしまう（のに今日気付いた）んです…。IMAGINATION DESIGNも例外なく、その影響を受けておりました。
手直ししているうちに分かったことですが、divを使うエリアでは、css上でwidthの数値を指定しないと、IE6では言うことを聞いてくれないのかな…っていう印象です。実際に、急遽スタイルシートの各所にwidthの数値を指定した所、IE6での不具合（レイアウト崩れ）は直ったみたい！！
従来の僕のコーディングではcssのwidthの数値はほとんど指定していないんですが、それでもMac.のブラウザとWindowsのFirefox、IE7では問題なく見れてたので、てっきり問題ないかと思ってましたが、これを機会に、IE6の特性を知ったのは良い勉強になったのかもしれませんです。
これが仕事で作るサイトだと終わってましたからね（笑）。
Date :2007/4/29 0:06:45
Category :
デザイン
Operation :
よくあるコーナー的なノリですけど、かなりアツいサイトを発見したんで軽くご紹介します。左の画像をクリックすると、サイトへ移動します。ちなみに海外のサイト。これもちなみに、WordPressで作っておられるようです。
外サイなので全部英語（当たり前）なんですが、日本のものも含めて色々なサイトを紹介しております。外サイのデザインセンスはホンマに凄いね。型にハマってないから、今僕が取り組んでるThingamablogのテンプレ作りに、大いに参考になっております。
Date :2006/5/14 2:18:51
Category :
WordPress
Operation :
下の記事にも書きましたが、現在Thingamablogのテンプレートを作りためていたつもりが、勢いで本サイトのテンプレの方をゴソっと変更してしまいました。今回の変更は、今後のテンプレ変更にも備えて、cssの切り替えだけで対処できるようなかなり効率の良い組み方になったんで、ますますテンプレ作りに拍車がかかりそうです。
まだ組み終えたばかりなんで、トップの画像とか文字詰めとかバラバラな部分がありますけど、毎度おなじみの先走りで変更分を全部アップしてしまいました。まぁ、ゆっくり各所を変更していくことにします。。。この週末で、微妙に変化していく様に気付く人はいるかな？？
Date :2006/5/13 2:18:25
Category :
デザイン
Operation :
画像は昔のブログ記事の使い回し。この頃、Thingamablogのテンプレートをコソコソと作っております。昔、僕の本サイトの方で使った（作った）テンプレを、無理くりThingamablog用にカスタマイズしてる、って感じですが、そこそこの数にもなってきたので、準備ができたらベータ版で出してみようと思います。一番の問題は、Windowsでちゃんと見れるかどうか？？やねんけど。。。。
で、これを機にW3CのMarkup Validation ServiceでHTMMLもCSSもまとめてチェックかけてみたら、結構こまかい部分まで警告くらってしまいました。でもまぁ、これでCSSの書き方がかなり分かって気がします。しかし、「背景色は指定しているのに、文字色の指定されていない…」とかバリ細かい警告や指摘する割には、HTMLにおもっきし「head」タグが抜けていたにも関わらず、すんなりチェックが通った…ってのが。。。。W3Cの信憑性はいかに？？？
Date :2006/5/9 2:17:58
Category :
デザイン
Operation :
