ASH INSTITUTE Blog

jQueryを使ったSkitter（エフェクトが多彩なスライドショー）導入



トップページのメインビジュアルをちょっと今風に楽しめるように、という事で。
ここ↓が参考になって、とても助かりました。

Flashの代わりにjQueryプラグインSkitterでなんとかしろと言われたので
http://today-only.net/customizing-skitter/

jQueryを使ってのスライドショープはすごくたくさんありますが、
このSkitterは中でもエフェクトが多彩で設定も比較低簡単なのが特徴です。
今表示している画像が何枚目のものかわかるインジケーターや、
ナビゲーション、キャプションの文字等、色々表示できるのですが、
私の場合、ギャラリーとして使うわけではないので、これらは全て非表示にしました。

これにする前の少しの間だけ使っていたのは、同じjQueryを使ったmaxImage。
これは、指定した背景画像をブラウザサイズに合わせてフルスクリーンに拡大して、
更にスライドショーにしてくれる、というもの。
これを導入した時は、ここ↓のサイトが役に立ちました。

2012年04月09日（月） No.41 (車以外のデザイン、Webデザイン、他)

ページの一部をクリックで表示／非表示切り替え



少し前に模様替えしたサイトの中で、メインコンテンツとなるページのひとつ、
Car design : Exterior の画像の数がやたら多いので、もう少し整理しようと思って
修正作業に取り掛かった。
模様替えした時のコンセプトとして、“なるべく階層を深くせず、出来ることなら
シンプルに全て見渡せるようにしたい” というのがあってこういう事（大量サムネイル）
になったわけだが、それにしても多い。全部見るのに何回もスクロールしなければ
ならない。怒られそうなほどだ。
前のサイトやよそのサイトを見ていて、全部の画像を見せるために階層がいくつかに
なっていたり、数ページにまたがったりするのはかったるいなと思ったし、スライド
ショー形式のものも場合によっては見るのがだるくなって善し悪しだなぁと思って
いたので、こうしたのだが、なんとも…、なかなか全て満足というわけにはいかない。

で、解決策として、javascript を使ってページの一部をクリックで表示/非表示
出来るようにしようという事だ。これならページを移動せずに、興味を持っ..
2012年03月26日（月） No.21 (車以外のデザイン、Webデザイン、他)

ウェブサイトの模様替え



長い間更新を怠ってきたこのウェブサイト、ようやく2月に模様替えした。
日記を書かなかった2年半の間に、一度トップページだけ変えたが、
中身はそのままだった。
その時変えたきっかけも、長いこと音沙汰の無い私の事を気にかけてくれた、
心やさしい方からのメッセージだった。ありがたいことにそんな方が何人か
いてくれて、それは、ほとんど友人と言える友人がいない私にとって
嬉しいものだった。

しかし、いざ変え始めると、これがなかなか…、決まらない。
決まらないというか、一旦“これでいいか”となっても、すぐに
“やっぱちょっとここが気になる…”とか
よそ様のところを見てると、“ああ、やっぱこういうのがいいかなぁ…”
なんて思ってしまって、いつまでたってもモヤモヤしてしまう。
(;´ω`) ﾓﾔﾓﾔ…

そんなかんじだから、本来仕事が少なくなった時期にちょうどいい
“手を休めることも兼ねたゆるーい作業” のはずだったのに、
思い通りに表示されないっていっちゃぁ、夜中とか明け方とかまで
やってしまったり..
2012年03月09日（金） No.4 (車以外のデザイン、Webデザイン、他)

[1] [2] [3]
<<2014年07月>>
日 月 火 水 木 金 土
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
最近の記事
最近のコメント
最近のトラックバック
カテゴリー
日記アーカイブ
検索

OR AND
スペースで区切って複数指定可能
日記投稿
PASS 
++HOME++

[Admin] [TOP]
shiromuku(fs6)DIARY version 2.41

       
   














ASH INSTITUTE Blog