按钮点击后更改图像链接

我在我的博客中使用Bing图像搜索API。 我的要求的回应:

stdClass Object ( [d] => stdClass Object ( [results] => Array ( [0] => stdClass Object ( [__metadata] => stdClass Object ( [uri] => https://api.datamarket.azure.com/Data.ashx/Bing/Search/Image?Query='Kitchen'&Market='en-us'&$skip=0&$top=1 [type] => ImageResult ) [ID] => a40b8c85-8a6b-45a8-bce2-c07b16a942e6 [Title] => Our Kitchen Remodel is Complete!!! @ A Well Dressed Home [MediaUrl] => http://awelldressedhome.com/wp-content/uploads/2010/10/Kitchen-31.jpg [SourceUrl] => http://awelldressedhome.com/496-our-kitchen-remodel-is-complete/ [DisplayUrl] => awelldressedhome.com/496-our-kitchen-remodel-is-complete [Width] => 4000 [Height] => 3000 [FileSize] => 5062458 [ContentType] => image/jpeg 

我在此响应中获得了50个结果(50个不同的图像和URL)。 我有一个PHP代码,在我的回复中给出了第一个图像的链接:

  d->results[0]->MediaUrl; echo "
"; print_r($response); echo "

"; echo '

'; echo("

"); ?>

我还做了一个简单的按钮,它给了我第一张图片,这是我在回复之前得到的:

 

function myFunction() { document.getElementById("demo").innerHTML ="<?php echo ""?>" }

所以问题是:每次单击按钮时,如何获得新图像? 对不起我的英文,谢谢你的帮助。

您首先需要确保将您的url写入javascript:

 d->results as $r){ $urlList[] = $r->MediaUrl; } ?>  

然后你可以在你的函数中使用这些url: