1

表示するサイズを指定すると、WordPressは縮小されたサイズで新しい画像を作成するため、300 x 230を選択すると、このファイルが画像ソースとして生成されます。

http://example.com/myphoto-300x230.jpg

このフルサイズバージョンから：

http://example.com/myphoto.jpg

プラグインを使用して、ロールオーバー時に300x230を拡張しています。拡大表示は300x230の拡大図で、ぼやけています。ロールオーバーでフルサイズバージョンを表示する方法はありますか？デフォルトではmyphoto-300x230.jpgですが、ロールオーバーではmyphoto.jpgになりますか？ディメンションの番号を削除するには、ファイル名を正規表現する必要がありますか？

4

3 に答える 3

1

正規表現を使用してそれを行うことができます。これを行う正規表現は次のとおりです。

(?<url>(?:http|ftp|https):\/\/[\w\-_]+(?:\.[\w\-_]+)+(?:[\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?\/)(?<file>\w+-[0-9]+x[0-9]+\.\w+)

グループ「ファイル」を取得し、それを適切に変更し、「url」からのテキストを追加して適切なURLを取得します:)

于 2011-04-12T15:25:16.710 に答える
1

この正規表現は次のようになります。
s/-\d+x\d+././

imgあなたの要素がIDを持っていると仮定するとfixme...

var src = $("#fixme").attr('src');
console.log("old image: " + src);

var newimage = src.replace(/-\d+x\d+./, ".");
console.log("new image: " + newimage);

$("#fixme").attr('src', newimage);

たとえば、http: //jsfiddle.net/entropo/pyww7/を参照してください。

ぎこちない遷移を避けるために、フルサイズの画像がプリロードされていることを確認する必要があります。

于 2011-04-12T17:23:53.180 に答える
1

正規表現ではなく、元の画像へのパスをフルサイズなどの画像タグの別の属性に保存できます。

<img src="http://example.com/myphoto-300x230.jpg" fullsize="http://example.com/myphoto.jpg" />

次に、ホバー関数でこの属性の値を取得します。

于 2011-04-12T15:15:20.307 に答える