如何使用 jQuery 将 WordPress 主题目录添加到每个 img src 的开头

发布于 2024-10-10 18:59:32 字数 441 浏览 1 评论 0原文

基本上，我很懒，我只是想让 jQuery 在我的 WordPress 主题中为我更新图像 URL。在 WordPress 上，通常你必须这样做：

<img src="<?php bloginfo('template_url'); ?>/images/ect.png" alt="" />

但是我在 jQuery 中尝试做的是让它动态替换

<img src="images

为

<img src="<?php bloginfo('template_url'); ?>/images/

我希望它自动确定博客 URL，我不想手动设置它，如果这是有道理的。对于精通 WP 的人来说应该很容易。

有什么想法吗？

原文

Basically, I am lazy and I just want jQuery to update my image URLs for me in my WordPress theme. On WordPress, normally you have to do this:

<img src="<?php bloginfo('template_url'); ?>/images/ect.png" alt="" />

But what I'm trying to do in jQuery is to get it to dynamically replace

<img src="images

with

<img src="<?php bloginfo('template_url'); ?>/images/

I want it to automatically determine the blog URL, I don't want to have to set it manually if that makes sense. Should be easy for someone well versed in WP.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绿阴红影里的.如风往事 2024-10-17 18:59:32

@comment：

$('img').hide();

$('img').each(function(index){
  $(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn('slow');
});

您可以使用任何数字，例如 1000，而不是 'slow' （'slow' 表示 600 毫秒长）

$(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn(1000);

@comment:

$('img').hide();

$('img').each(function(index){
  $(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn('slow');
});

You can use any number, 1000 for instance, instead of 'slow' ( 'slow' means 600 mSeconds long )

$(this).attr('src', 'http://your-url'+$(this).attr('src')).fadeIn(1000);

回复收藏 0 原文

缪败 2024-10-17 18:59:32

试试这个

$('img').each(function(index){
  $(this).attr('src', 'http://your-url'+$(this).attr('src'));
});

http://api.jquery.com/attr/
http://api.jquery.com/each/

请注意，jQuery 在客户端运行，因此如果您要插入 php 代码，它将不会被执行。但是，您可以传递到脚本，位于“http://your-url”内。

Try this

$('img').each(function(index){
  $(this).attr('src', 'http://your-url'+$(this).attr('src'));
});

http://api.jquery.com/attr/
http://api.jquery.com/each/

Note that jQuery runs on client, so if you are going to insert php code, it will be not executed. However, you can pass <?php bloginfo('template_url'); ?> to the script, inside 'http://your-url'.

回复收藏 0 原文

~没有更多了~