Simplicityの特徴 › フォーラム › 不具合報告 › Lazy Loadとlightboxで付加される記述
- このトピックには8件の返信、2人の参加者があり、最後ににより2年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
ボヘミアンゲスト
いつもすばらしい、テンプレートをありがとうございます。
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”」といった感じで変更できるようにはなりませんでしょうか。 -
わいひらキーマスター
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化されないと思うのですが、動作しますでしょうか。 -
ボヘミアンゲスト
ご返信ありがとうございます。
下記にIMGタグを記述いたします。
本来のIMGタグ
おかしな記述になったIMGタグ
文法エラーは
「W3C Markup Validator(http://validator.w3.org/check)」でチェックすると「Duplicate attribute data-lightbox.」
となります。あとdata-lightboxをclassにしてもLightboxが動作しているのは確認いたしました。
-
ボヘミアンゲスト
IMGタグは文字参照として記述したのですが、HTMLとして反応してしまうようですね。申し訳ありません。
-
ボヘミアンゲスト
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”」の前に「/(スラッシュ)」が記述されてしまうということです。
-
がちょぴんゲスト
わいひらさん
ちなみに「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/ -
わいひらキーマスター
>>ボヘミアンさん
なるほど。そういうことだったんですね。
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のコンフリクトで動作しなくなると言ったようなことなので、今回のこととは関係ないかと思います。
両方の機能を有効にしても、動作はしているようなので。 -
ボヘミアンゲスト
わいひらさま
ご確認ありがとうございます。
Validationでの文法エラーとclassで動作する件はこちらの環境のようですので、いろいろ試してみようと思います。
お手数をおかけしました。 -
がちょぴんゲスト
わいひらさん
ご返答ありがとうございます。
両方有効化をしてコンフリクトが起こり、
付加される記述といった影響も関係していると思いましたが、
今回のトピックでは関係ないという事で大変失礼しました。
-
-
投稿者投稿