複数の画像がふわっと切り替わる!スライドショーの作り方複数の画像が数秒間隔でフェイドアウト・フェイドインを繰り返す「ふわっと表示が切り替わる」効果のあるスライドショーをWeb上で作る方法を解説。画像を掲載する短いHTMLに、配置と重なり順序を調整するCSSを加え、jQueryでスライドショーを制御することで簡単に作れます。画像はリンクにもできるため、クリックすると詳細ページへ飛ぶスライドショーを作ることもでき、シンプルながら活用範囲の広いスライドショーになります。
![複数の画像がふわっと切り替わる!スライドショーの作り方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec33fdf180c540ae85c020261c4985c2204b6c03/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F1%2F7%2F2%2F1%2F6%2F201805301622%2Ftopimg_original.jpg)
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop(タイプのドット絵を作成) 詳しく見る
WS-Slideshow - Free Flash based slideshow for everyone. WS-Slideshowは、PNG、JPEG、GIFを表示する画像ギャラリーで、XMLファイルを編集するだけで画像ギャラリーを設置することができます。 画像ギャラリーは、フルスクリーンモードへの対応やサムネイル一覧、画像のカテゴライズ、キーボード操作などに対応しています。 デモ:通常版 デモ:シンプル版
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く