2

このhtmlマークアップを考えると...

<figure class="figureFeatured">
    <img 
        width="300" 
        height="213" 
        src="wp-content/uploads/featuredImage-300x213.jpg"
        data-responsive="wp-content/uploads/featuredImage-150x150.jpg"
    />
</figure>

CSS または jQuery を介して src 属性を data-responsive 属性の値に置き換えることは可能ですか?

特定のデバイス幅のブレークポイント (css メディア クエリまたは jQuery ウィンドウのサイズ変更ディメンション) でのみ置換を行いたい

4

4 に答える 4

0

マークアップを少し変更できる場合、これはレスポンシブ/レティーナの私の頼りになるものです。https://github.com/scottjehl/picturefill

マークアップに合わせて JS を変更することもできます。

于 2013-05-10T15:15:44.117 に答える
0

Responsive Img jQuery プラグインを試すこともできます。WordPress 内でどのように機能するかはわかりませんが、必要なことだけを行います。http://responsiveimg.com

于 2013-05-01T16:42:03.233 に答える