替换给定的来源

发布于 2024-12-01 15:09:57 字数 230 浏览 3 评论 0原文

我用 Google Weather API 制作了一个插件，目前正在从 Google 的 API 中提取图像。对于阳光明媚的日子，我正在拉 http://www.google.com//ig/images/weather/sunny.gif。

我正在寻找一种方法，以便在拉出 sunny.gif 时，用我选择的图像替换。

这可以通过 jQuery 或其他方式实现吗？

多谢

原文

分享到QQ

分享到微博

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

发布评论

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

最笨的告白 2024-12-08 15:09:57

$("#my_image").attr("src","http://www.myimagepath.com/image.jpg");

$("#my_image").attr("src","http://www.myimagepath.com/image.jpg");

回复收藏 0 原文

指尖上得阳光 2024-12-08 15:09:57

取决于您接收/传递图像的方式，只需将其设置为变量并检查它即可。
这是这个简单问题的简单/惰性解决方案，如果您的问题更复杂，您可以将其变成一个检查和替换晴天、暴风雨等的函数...

if (img === "http://www.google.com//ig/images/weather/sunny.gif") {
  img = "myownimage.gif";
}

PHP/JS 反模式：

<?php if ($image === "http://www.google.com//ig/images/weather/sunny.gif"): ?>
  <script type="text/javascript">
    $("#image").attr('src', 'foo.gif');
  </script>
<?php endif; ?>

但老实说，如果您是在 PHP 中接收图像，然后我只需在服务器端操作它并将其显示给客户端，而不是让 JavaScript 来做...

<?php
if ($image === "http://www.google.com//ig/images/weather/sunny.gif") {
  $image = 'foo.gif';
}
?>

<img src="<?php echo $image ?>" alt="my sunny day image" />

Depends on how you're receiving/passing the image, just set it to a variable and check for it.
This is the easy/lazy solution to this simple problem, if your problem is more complex you could turn this into a function that checks and replaces sunny, stormy, etc...

if (img === "http://www.google.com//ig/images/weather/sunny.gif") {
  img = "myownimage.gif";
}

PHP/JS anti-pattern:

<?php if ($image === "http://www.google.com//ig/images/weather/sunny.gif"): ?>
  <script type="text/javascript">
    $("#image").attr('src', 'foo.gif');
  </script>
<?php endif; ?>

But honestly if you're receiving the image in PHP, then I'd just manipulate it server-side and display it to the client then rather than have JavaScript do it...

<?php
if ($image === "http://www.google.com//ig/images/weather/sunny.gif") {
  $image = 'foo.gif';
}
?>

<img src="<?php echo $image ?>" alt="my sunny day image" />

回复收藏 0 原文

夕色琉璃 2024-12-08 15:09:57

有一个实时 document.images文档中所有 img 元素的集合。您可以根据您喜欢的逻辑有条件地更改任何特定图像的 src 属性：

var image, images = document.images;

for (var i=0, iLen=images.length; i<iLen; i++) {
  image = images[i];
  if (image.src == 'whatever') image.src = 'new value';
}

您可能还想访问图像的 parentNode 及其一些属性。

但在我看来，这在服务器上做得更好。

There is a live document.images collection of all img elements in the document. You can conditionally change the src property of any particular image based on whatever logic you like:

var image, images = document.images;

for (var i=0, iLen=images.length; i<iLen; i++) {
  image = images[i];
  if (image.src == 'whatever') image.src = 'new value';
}

You may want to access the image's parentNode and some of its properties too.

But is seems to me that this is much better done on the server.

回复收藏 0 原文

~没有更多了~