1Tweetまとめブログでよく見る、サイドバーに張られているフィギュアの画像。Amazonのリンクになっているケースがほとんどなのですが、あれを簡単に実装できないかなと思い、探してみたところ良い方法がありましたので、ご紹介です。このサイトのサイドバーにも使われています。動的に画像を自由にリサイズできれば、問題は解決というわけです。表示したい箇所より大きいサイズになるように、画像を選択します。width="353"></a></p>CSSを適用つづいて、以下のCSSを適用します。画像の比率を維持したまま、切り取ったようにリサイズできました。←は、float:leftの回り込みを解除するためのものです。商品の全容が表示できない切り取る形になるため、全容が把握できません。画像の商品を中央ピッタリにそろえられないこの方法の最大の欠点です。縦長、横長と画像のサイズはまちまちなため、最大公約でCSSの値を決めています。そのため、センターに商品を持ってくることが、ほぼ出来ません。【おまけ】JavaScriptでランダムで表示する下記のスクリプトの『内容』の部分に先ほど作ったAmazonリンクを入れれば、12個の中からランダムで6個表示してくれます。サイドバーに貼り付ける用(下のスクリプトをリンクさせるためのもの。【0911】4歳娘「ママ、それバカっぽいでしゅ」とダメ出しの成果。ほか【0919】▼今まで描いたドット絵をシングルサイズでまとめて見たりしてみる。Pingbacks最後の返信は2013年9月24日でした。ほか【0213】Twitter発。