スポンサーサイト

0

    一定期間更新がないため広告を表示しています

    recommend

    米お菓子
    米お菓子
    おいしいおいしい米お菓子おやつにの一ついかがですか!
    カラメル
    AKBがいっぱい ~ザ・ベスト・ミュージックビデオ~【初回仕様限定盤】(DVD)
    AKBがいっぱい
    総選挙あったのですね!今後の展開が楽しみです
    アマゾン
    素材満載 ブログで作る かんたんホームページ [CD-ROM付き]
    素材満載 ブログで作る かんたんホームページ
    ブログのカスタマイズにおすすめの一冊です!
    アマゾン

    • 2017.04.08 Saturday
    • -
    • -
    • -
    • -
    • -
    • by スポンサードリンク

    Lightbox2を設定してみる

    0
      テンプレート[http://jugemtemplate.jugem.jp/?tid=3&eid=26]にLightbox2を設定した動作確認。Lightbox本体はDropboxに設置。

      recommend


      設置:青文字はDropboxのパブリックリンク
      <script src="http://dl.dropbox.com/u/********/lightbox/js/jquery-1.7.2.min.js"></script>
      <script src="http://dl.dropbox.com/u/********/lightbox/js/lightbox.js"></script>
      <link href="http://dl.dropbox.com/u/********/lightbox/css/lightbox.css" rel="stylesheet" />

      書き換え:青文字はDropboxのパブリックリンク
      lighbox.js
      function LightboxOptions() {
      this.fileLoadingImage = 'http://dl.dropbox.com/u/********/lightbox/images/loading.gif';
      this.fileCloseImage = 'http://dl.dropbox.com/u/********/lightbox/images/close.png';
      lightbox.css
      /* line 81, ../sass/lightbox.sass */
      .lb-prev:hover {
        background: url(http://dl.dropbox.com/u/********/lightbox/images/prev.png) left 48% no-repeat; /
      }

      /* line 85, ../sass/lightbox.sass */
      .lb-next:hover {
        background: url(http://dl.dropbox.com/u/********/lightbox/images/next.png) right 48% no-repeat; /
      }

      prototype.jsではなくjquery.jsベースなので何かとjQueryでカスタマイズするには便利かもしれません

      スポンサーサイト

      0
        • 2017.04.08 Saturday
        • -
        • 21:04
        • -
        • -
        • -
        • -
        • by スポンサードリンク

        関連する記事
        コメント
        コメントする








           
        この記事のトラックバックURL
        トラックバック

        calendar

        S M T W T F S
        1234567
        891011121314
        15161718192021
        22232425262728
        2930     
        << November 2020 >>

        selected entries

        template list

        freespace_title2

        • freespace02
        • freespace02
        • freespace02
        • freespace02
        • freespace02
        • freespace02

        freespace_title3

        freespace_contents3 freespace_contents3 freespace_contents3 freespace_contents3 freespace_contents3

         tweet

        categories

        archives

        recent comment

        • このテンプレートで使用しているカレンダーについて
          stussy outlet
        • Facebook 埋め込み投稿
          birkenstock sandals
        • ファビコンの表示やOGP対策に今までJUGEMブログで設定していたこと
          birkenstock sandals
        • ページの属性のタグを使用できるように設定してみる
          air max 90
        • このブログで設置していたソーシャルボタンのまとめ
          yeezy boost 350
        • ブログ記事に出力される情報
          nike air vapormax
        • テンプレートを作ってみる【メモ04】
          nike air vapormax
        • ページのトップ・ボトムへ移動するボタンを設定してみました
          louboutin shoes
        • 外部.jsのリンク先
          kd shoes
        • 表示されている記事のタイトルにNEW!を付ける
          birkenstock sandals

        recent trackback

        links

        profile

        search this site.

        others

        mobile

        qrcode

        powered

        無料ブログ作成サービス JUGEM

        blog parts

        Access:

        PR