lightbox(? ではありませんが)の質問です。


jqueryプラグインのlightboxの中に下記記述がありますが、src=以降の部分の意味合い、説明をお願いします。

<img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2015/11/27 21:37:22
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

ポイント100pt

「データ URI スキーム」って言います。
詳しくは、こちらをどうぞ。
https://ja.wikipedia.org/wiki/Data_URI_scheme
https://developer.mozilla.org/ja/docs/data_URIs

他4件のコメントを見る
id:a-kuma3

(1)~(3)までは大体意味がわかりましたが、(4)部分をbase64デコードすれば生データ(生記述?)がわかるかと思いましたが、変換サイトばかりでわからず仕舞いでした。(考え違い?)

いえ、その通りです。
質問にある URI では GIF 画像を base64 エンコードしたものです。
こんな感じでデコードすれば、GIF の画像ファイルに戻せます(unix です)。

$ echo "R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" | base64 -d > foo.gif

縦横 1dot の真っ白な画像です。
ポップアップの土台になる背景に使ってます。

。。。スキームという言葉も意味は様々なサイトに書いてありますが、感覚的にはまだ掴めていません。

URI の先頭部分のコロンまでを「スキーム」と言います。
http://q.hatena.ne.jp/ という URL の http がスキームです。
データ URI スキームは、スキームに data を指定する URI です。

2015/11/28 07:49:03
id:khaie

なんとなくですが、lightboxの動きが理解できてきました。lb-image のgifはアルバムのsrcが入る前の画像だったんですね。改造できそうな感じになってきました。
ありがとうございました。

2015/11/28 19:58:42

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません