Question

我想创建一个脚本，通过替换＆＃34; filename＆＃34;来替换任何上传的图像到一个特定的块到另一个图像。在src到＆＃34; 1 + filename＆＃34;。

以下是目标网页：http://nikita.windowspros.ru/product/night-city/

因此，对于每个woocommerce gallery图像，我将在悬停时显示不同的图像：

    //no conflict for wordpress
$ = jQuery.noConflict(); 

//when hover gallery item
$(document).ready(function(){
$( ".woocommerce-product-gallery__image").hover(function() {

//for each img in it find filename and replace to 1+filename**
$(".woocommerce-product-gallery__image > a > img").each(function() {

    var src = $(this).attr("src"); // "/wp-content/uploads/2017/07/filename.jpg"
    var tarr = src.split('/');      // ["wp-content","uploads","2017","07","filename.jpg"]
    var file = tarr[tarr.length-1]; // "filename.jpg"
    var data = file.split('.')[0];  // "filename"
    var newdata = data.replace(data, "1" + data);

    $(this).removeAttr("srcset");
    $(this).attr("src","/wp-content/uploads/2017/07/" + newdata + ".jpg");
  });
});
});

找到2017/07文件夹并将其更改为

中的文件也很棒

请帮助StackOverflow，你是我唯一的希望:(

Answer 1

做到了！呜啊

{{1}}

Jquery，在循环中更改图像src。 WordPress的

1 个答案: