マガジン

最近の記事

遅延ロードを使い倒す。モザイク風に画像を読み込むエフェクト。

ネイティブでサポートされてきたとはいえ、まだまだ使える遅延ロード。私は「vanilla-lazyload」によくお世話になってます。 基本、フェードインなどの簡易的なエフェクトしか用意されていないのでゴリゴリにカスタムしてみました。 第1弾として、モザイク風に読み込めるようにしています。サンプルはこちら! まずはまぁまぁ使えそうなエフェクトです。第10弾ぐらいなると全く使えないのが登場してきそうです。

¥100
    • 改)パーフェクト!Photoswipe with Swiper.

      以前、Photoswipeの画像一覧付きの設定を公開したのですが、'.pswp__container'に'transition'をつけることでスワイプ以外にもアニメーションをつけれることが分かり、再度調整。さらに他にも微調整。設定されているイベントの'initialZoomOutEnd'がバグで動作しないのでコアファイル('/dist/Photoswipe.js')を調整。↓↓↓ プンプン:-(2550行 => '_shout('initialZoom' + (out ? '

      ¥100
      • Phptpswipeでサムネイル一覧をプレビュー下部につけてみました。 with Swiper

        下記内容を改良しました。↑↑↑ ある案件でウェブサイトを作成していたところ、サムネイル付きLightbox系のギャラリーを設置する要望がクライアントからありました。 ↓↓↓ こんなやつ 普段はPhotoswipeのヘビーユーザーなのですが、デフォルトではサムネイルのナビゲーション機能はないようで、いろいろ検索して数件ヒットしましたが、下部のサムネイルはメイン画像に被せたくなかったので、検索から私の望むものは得られず。他の案件でも使えそうなので、自力でちゃんとカスタマイズ

        ¥100

      遅延ロードを使い倒す。モザイク風に画像を読み込むエフェクト。

      ¥100
      • 改)パーフェクト!Photoswipe with Swiper.

        ¥100
      • Phptpswipeでサムネイル一覧をプレビュー下部につけてみました。 with Swiper

        ¥100

      マガジン

      • カスタム男
        0本