「slided.js」 サンプル



光沢?部分が白なので、見やすいように背景をピンクにしてあります。
「slided.js」の機能ではありません。 σ(^◇^;)ヒヤアセ


こちらのスクリプトはブラウザによって多少見え方が違う部分があるようです。
「IE6」では、色指定をしないデフォルト(透明)だと影部分が上面に来てしまうようです・・・σ(^◇^;)ヒヤアセ


こちらが何もしていない「標準」の画像です。
指定した「クラス名+オプション」部分の記述をそれぞれ書いてありますので参考にしてください。



class="slided"
と指定すると標準効果が得られます。



class="slided ishade100"
と指定すると内側の影&光沢?部分の濃度を指定できます。 (0~100 default=50)



class="slided ishadow100"
と指定すると外側の影部分の濃度を指定できます。 (0~100 default=40)



class="slided noshadow"
と指定すると外側の影を無効にできます。



class="slided nocircles"
と指定すると四隅のくぼみを無効にできます。



class="slided ibgcolorffff00"
と指定すると色を指定できます。 (000000~ffffff default=000000)



class="slided ibgcolorffff00 igradientff0000"
と指定すると「ibgcolor」で指定した色から「igradient」で指定した色までグラデーション指定できます。



class="slided ibgcolorffff00 igradientff0000 horizontal"
と指定するとグラデーションの方向を左から右へ指定できます。



class="slided ibgcolorffff00 igradientff0000 vertical"
と指定するとグラデーションの方向を上から下へ指定できます。







設置説明ページはこちら

Leave a Reply

展望台 最上階
「slided.js」 サンプル 1階