[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > ライブラリ > jQuery adipoli
画像にマウスオーバーした際に様々なアニメーションエフェクトを実行するjQueryのプラグイン。
jQuery本体とadipoli.js、adipoli.cssが必要となります。
画像に対してadipoli()を実行するだけです。必要に応じてオプションを設定します。
気がついた点としては、実際の画像サイズと表示サイズが異なると上手くいきませんでした。 100px * 100pxの画像をCSSで200px * 200px に拡大して表示してる場合など。
パラメーター変更後、再設定ボタンを押すと設定が反映されます。
startEffect | |
---|---|
hoverEffect | |
imageOpacity | |
animSpeed | |
fillColor | |
textColor | |
overlayText | |
slices | |
boxCols | |
boxRows | |
popOutMargin | |
popOutShadow |
key | 意味 | default | 選択可能な値 |
---|---|---|---|
startEffect | 初期状態 | transparent |
|
hoverEffect | マウスオーバー時のエフェクト | normal |
|
imageOpacity | 初期状態でtransparent か overlayを選択したときの透明度 | 0.5 | 0~1 |
animSpeed | マウスオーバー時のエフェクトの速度 | 300 | int |
fillColor | Overlay color | #000 | #000000~#FFFFFF |
textColor | overlayTextを設定した場合のテキストカラー | #fff | #000000~#FFFFFF |
overlayText | イメージ上に表示するテキスト。startEffectでoverrayを選択したときだけ有効 | string | |
slices | スライスの数。hoverEffectでslice系のエフェクトを選択した場合に適用される。 | 10 | int |
boxCols | ボックスの列の数。hoverEffectでbox系のエフェクトを選択した場合に適用される。 | 5 | int |
boxRows | ボックスの行の数。hoverEffectでbox系のエフェクトを選択した場合に適用される。 | 3 | int |
popOutMargin | popout時のマージン。hoverEffectにpopoutを選択した場合に利用。 | 10 | int |
popOutShadow | popout時の影。 | 10 | int |