atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

はてなブログにflickrから写真を埋め込むときに、読み込みが遅くて、縦に伸びるのを解決するメモ。

EAAE2970-B1F0-4333-B401-48C4D7D51705

これはPhotostreamから表示したい写真のURLを埋め込みで表示したやつ。
f:id:c-mitsuba:20190507061655p:plain
実際のブログの記法

https://www.flickr.com/photos/61389084@N05/30142687838/in/dateposted-public/

[https://www.flickr.com/photos/61389084@N05/30142687838/in/dateposted-public/:embed]

EAAE2970-B1F0-4333-B401-48C4D7D51705

こっちはflickrのembedコードをベタ貼りしたやつ。
f:id:c-mitsuba:20190507061712p:plain

<a data-flickr-embed="true"  href="https://www.flickr.com/photos/61389084@N05/30142687838/in/dateposted-public/" title="EAAE2970-B1F0-4333-B401-48C4D7D51705"><img src="https://live.staticflickr.com/1797/30142687838_ef85c6f4f7_k.jpg" width="1365" height="2048" alt="EAAE2970-B1F0-4333-B401-48C4D7D51705"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>


たぶん、上の方が速くて読み込み時に絵が崩れないはず。
次からこっちにしよう。