在jQuery上显示完整的缩略图缩略图？

| 当我指定希望显示的尺寸时，WordPress将以缩小的尺寸创建新图像，因此当我选择300 x 230时，它将生成此文件作为图像源： http://example.com/myphoto-300x230.jpg 从这个完整版本： http://example.com/myphoto.jpg 我正在使用插件在翻转时扩展300x230。展开后的视图是300x230炸毁，这是模糊的。有没有办法在翻转时显示完整尺寸的版本，因此默认情况下为myphoto-300x230.jpg，而在翻转时为myphoto.jpg？我是否需要对文件名进行正则表达式以消除尺寸的数字？     
2019-12-05 4 条评论
分享

没有找到相关结果

    已邀请:

    镶骄册筷

    正则表达式如下所示： 
    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/ 为了避免尴尬的过渡，您需要确保已预加载完整尺寸的图像。     
    2019-12-05 0 0
    分享

    超可林

    除了正则表达式，您还可以将原始图像的路径存储在image标签的另一个属性中，例如fullsize： 然后只需在悬停函数中获取此属性的值即可。     
    2019-12-05 0 0
    分享

    耐扫鹤胶鞭

    您可以使用Regex来做到这一点。这是一个正则表达式来做到这一点： 
    (?<url>(?:http|ftp|https):\\/\\/[\\w\\-_]+(?:\\.[\\w\\-_]+)+(?:[\\w\\-\\.,@?^=%&amp;:/~\\+#]*[\\w\\-\\@?^=%&amp;/~\\+#])?\\/)(?<file>\\w+-[0-9]+x[0-9]+\\.\\w+)
    以组\“ file \”然后适当地修改该组，然后将\“ url \”中的文本添加到其中以获取正确的URL :)     
    2019-12-05 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    或代码 OrCode.com 备案号：粤ICP备15020848号-1
    Escape time: 0.039086103439331