Lazy Loadとlightboxで付加される記述

Simplicityの特徴 フォーラム 不具合報告 Lazy Loadとlightboxで付加される記述

  • このトピックには8件の返信、2人の参加者があり、最後ににより2年、 5ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #15461 返信
      ボヘミアン
      ゲスト

      いつもすばらしい、テンプレートをありがとうございます。
      Lazy Loadに関してなのですが、有効にすると「<img src="simplicity/images/1x1.trans.gif" alt="test" width="100" height="100" />」といった感じにimgタグ内の途中に本来なら存在しない「/(スラッシュ)」が記述されてしまいます。見たところ「simplicity/functions.php」内にある「#<img([^>]+?)src=[\'”]?([^\'”\s>]+)[\'”]?([^>]*)>#」が原因かと思われます。「’#<img([^>]+?)src=[\'”]?([^\'”\s>]+)[\'”]?([^>]*) />#’,」といった感じで空白と「/(スラッシュ)」を追加したところ正常になりました。
      検討違いでしたら、申し訳ありません。
      また細かいですが、lightboxのプログラム部分で付加される「data-lightbox=”image-set”」という記述が、文法エラーになるので、simplicityにある子テーマのfunctions.phpで「class=”image-set”」といった感じで変更できるようにはなりませんでしょうか。

    • #15471 返信
      アバター画像わいひら
      キーマスター

      Lazy Loadに関してなのですが、有効にすると「test」といった感じにimgタグ内の途中に本来なら存在しない「/(スラッシュ)」が記述されてしまいます。

      「test」といった感じというのは、どういった感じでしょうか?

      あとよろしかったら、本来のIMGタグと、おかしな記述になったIMGタグを貼り付けてもらってよろしいでしょうか。

      また細かいですが、lightboxのプログラム部分で付加される「data-lightbox=”image-set”」という記述が、文法エラーになるので、simplicityにある子テーマのfunctions.phpで「class=”image-set”」といった感じで変更できるようにはなりませんでしょうか。

      文法エラーは、どういった環境で出るのでしょうか?
      とりあえず、FirefoxのFirebugでは出ていないようです。
      あと、data-lightboxをclassにしてしまうと、Lightboxの仕様にあるように、Lightbox化されないと思うのですが、動作しますでしょうか。

    • #15480 返信
      ボヘミアン
      ゲスト

      ご返信ありがとうございます。

      下記にIMGタグを記述いたします。

      本来のIMGタグ
      "test"

      おかしな記述になったIMGタグ
      "test"

      文法エラーは
      「W3C Markup Validator(http://validator.w3.org/check)」でチェックすると「Duplicate attribute data-lightbox.」
      となります。

      あとdata-lightboxをclassにしてもLightboxが動作しているのは確認いたしました。

    • #15481 返信
      ボヘミアン
      ゲスト

      IMGタグは文字参照として記述したのですが、HTMLとして反応してしまうようですね。申し訳ありません。

    • #15482 返信
      ボヘミアン
      ゲスト

      IMGタグを記述してしまうとHTMLとして反応してしまうので、あえて先頭の「」を削って記述しました。わかりずらく、申し訳ありません。
      本来のIMGタグ
      「data-original=”test.png” alt=”test” width=”100″ height=”100″ data-lazy=”true”」

      おかしな記述になったIMGタグ
      「data-original=”test.png” alt=”test” width=”100″ height=”100″ / data-lazy=”true”」

      お伝えしたいことはおかしな記述になったIMGタグのほうには、「data-lazy=”true”」の前に「/(スラッシュ)」が記述されてしまうということです。

    • #15484 返信
      がちょぴん
      ゲスト

      わいひらさん

      ちなみに「Lazy Load」「LightBox」を一緒に共存すると、
      コンフリクトが起こるといった内容を見た事があります。
      再確認する為に調べたら情報ありましたので提示します。(記事古いですが)

      URL:http://negoto.maskemp.com/article/253
      URL:http://negoto.maskemp.com/article/623
      URL:http://9ensan.com/blog/wordpress/wordpress-noconflict-lightbox2-jquery-image-lazy-load-wp/

    • #15489 返信
      アバター画像わいひら
      キーマスター

      >>ボヘミアンさん
      なるほど。そういうことだったんですね。
      Lazy LoadとLightbox両方有効にして、ソースを見ていなかったので、ようやく分かりました。
      Lazy Loadで置換されたものの上に、Lightboxでさらに置換したのでそうなっているようです。
      必ず閉じタグを書く必要もないので、とじタグ/を無くすようにしようと思います。

      文法エラーは
      「W3C Markup Validator(http://validator.w3.org/check)」でチェックすると「Duplicate attribute data-lightbox.」
      となります。

      あとdata-lightboxをclassにしてもLightboxが動作しているのは確認いたしました。

      これもしかして、Lightboxに関するプラグインとかが、まだ入っていないでしょうか?
      僕がValidationチェックをしてもそのエラーメッセージは出ないです。
      属性の重複箇所も見当たりません。
      あと、やっぱりClassにすると動作しないです。
      多分、プラグイン的な何かが動作しているとなると、そういっ挙動をする説明がつきます。

      >>がちょぴんさん
      それは、JavaScriptのコンフリクトで動作しなくなると言ったようなことなので、今回のこととは関係ないかと思います。
      両方の機能を有効にしても、動作はしているようなので。

    • #15491 返信
      ボヘミアン
      ゲスト

      わいひらさま

      ご確認ありがとうございます。
      Validationでの文法エラーとclassで動作する件はこちらの環境のようですので、いろいろ試してみようと思います。
      お手数をおかけしました。

    • #15493 返信
      がちょぴん
      ゲスト

      わいひらさん

      ご返答ありがとうございます。

      両方有効化をしてコンフリクトが起こり、
      付加される記述といった影響も関係していると思いましたが、
      今回のトピックでは関係ないという事で大変失礼しました。

8件の返信スレッドを表示中
返信先: Lazy Loadとlightboxで付加される記述で#15471に返信
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)