ウィンドウサイズいっぱいに画像表示しズームしながらフェードアウト。画像・テキストを切り替えます - CodingMania
画面いっぱいにひろげていますが、幅・高さを指定することもできるのでスライドショーとしても使えます。 参考にしたページ 【jQuery】クロスフェードで切り替わるシンプルな画像スライドショー。 【jQuery】拡大・縮小のアニメーションをする例 背景写真の画像は、横1200px、縦800px。画像比率は1.5です。文字は画像で画面中央に配置するようにしています。 【リサイズに対応：改訂2016.08.05。画像位置修正：改訂20170711。】 ・フェードアウトバージョン ・指定した回数でストップバージョン（JSの46行目で回数を指定できます。今は2） ・全画面表示ではなく高さを指定したバージョン ・全画面表示ではなくウィンドウの高さからパーセント指定したバージョン ・全画面表示ではなく横幅で合わせるバージョン【高さ取得：改訂20180112】 デモページへopen_in_new JSを読み
slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー - CodingMania
サムネイルの枚数が多くなっても、少なくなっても対応できます。Youtubeなども入れることができます。 slickのサイトよりプラグイン一式をダウンロードし、JSとCSSを読み込みます。 main.jsで動きを設定。style.cssでスタイルを調整しています。 不具合修正しました。左右の矢印、現在地表示追加。【更新：2016/04/15】 8枚に満たないい場合のスワイプに対応しました。【更新：2017/11/29】 デモページへopen_in_new JSとCSSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <link rel="stylesheet" href="slick/slick.css"
ヘッダー上部固定でアンカーリンクがずれるのを解消する - CodingMania
aタグに指定のclassが追加されている場合にだけ、同ページ内アンカーリンク、別ページアンカーリンクを指定した高さ分ずらして表示します。 ページ内リンクはaタグにclass="anchorlink"を指定。（これを指定しなかったら動きません） 例）<a class="anchorlink" href="#area01">エリア01</a> 別ページにのアンカー位置にリンクを張りたい場合は、通常の書き方OK! 【2018/10/05改定】 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="js/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
