インフラエンジニアを募集中です。ページプラグインの幅を動的に切り替えるJavaScriptソーシャルメディアfujihara2016.06.27皆さんこんにちはfujiharaです。早くも夏バテをくらいました。ページに行き表示したいFacebookページのURLを入力しコードを取得するボタンを押すと取得できます。SDKとIFrame版のコードが取得できます。2016年6月現在の仕様ですと表示できる横幅は最小で180、最大で500となっています。(デフォルト340)この横幅については初期表示時に値が決まるとその後は変更されることはありません。動的に切り替えたい場合は再度読み込むという処理をする必要があります。IFrameの場合にはsrcで横幅を指定できるので、IFrameのsrcを変更したものを再度読み込んであげます。SDKの場合は以下のようなHTMLをまず埋め込みます。data-width="380"></div>上記のコードを表示しておくと自動でページプラグインを表示してくれます。attributeを変更してあげます。"指定する横幅");最後に再表示する以下のコマンドを実行します。function(){});上記のコマンドで再描画処理が走ります。描画完了後の処理をここに記述することができます。レイアウトが変更されるブレイクポイントにこの処理を入れて対応することが可能になると思います。皆さんも是非お試しください。便利JavaScriptfujihara2019.05.17はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。