Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 一年中每天365天从url更改图像_Javascript_Html_Image - Fatal编程技术网

Javascript 一年中每天365天从url更改图像

Javascript 一年中每天365天从url更改图像,javascript,html,image,Javascript,Html,Image,我尝试每天用两种语言(lang1和lang2)显示一个引号(图像),比如 lang1001.png,lang1002.png 及 lang2001.png,lang2002.png 等等 这是phoengap HTML移动应用程序 我还有一个插件,可以在多个平台上共享图片,如whatsApp、Facebook等 <script type="text/javascript"> function img() { var firstJan = Math.floor((new Date()

我尝试每天用两种语言(lang1和lang2)显示一个引号(图像),比如

lang1001.png,lang1002.png

lang2001.png,lang2002.png

等等

这是phoengap HTML移动应用程序

我还有一个插件,可以在多个平台上共享图片,如whatsApp、Facebook等

<script type="text/javascript">

function img()
{
var firstJan = Math.floor((new Date().setFullYear(new Date().getFullYear(),0,1))/86400000);
var today = Math.ceil((new Date().getTime())/86400000);
var dayOfYear = today-firstJan;

var bgdImage;
if((dayOfYear+'').length == 1)
bgdImage = '00'+dayOfYear+'.png';
else if((dayOfYear+'').length == 2)
bgdImage = '0'+dayOfYear+'.png';
else
bgdImage = dayOfYear+'.png';

document.getElementById('quotelan1').src = bgdImage;
document.getElementById('quotelan2').src = bgdImage;
}
</script>

函数img()
{
var firstJan=Math.floor((新日期().setFullYear(新日期().getFullYear(),0,1))/86400000);
var today=Math.ceil((new Date().getTime())/86400000);
var dayOfYear=今天1月1日;
var bgdImage;
如果((dayOfYear+“”).length==1)
bgdImage='00'+dayOfYear+'.png';
else if((dayOfYear+“”).length==2)
bgdImage='0'+dayOfYear+'.png';
其他的
bgdImage=dayOfYear+'.png';
document.getElementById('quotelan1').src=bgdImage;
document.getElementById('quotelan2').src=bgdImage;
}
语言一的HTML代码:

<div class="profile-image" >
            <img id="quotelan1"> 
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" onclick="window.plugins.socialsharing.share('quote of the day', null, 'http://sample.com/quotes/image001.png', 'null')">  
            <i class="material-icons white">share</i> 
            </button> 
          </div>

请帮忙


谢谢

在设置图像元素的源之前,请在域名前面加上前缀(以及任何额外的Url信息)

这将把本地文件引用转换为绝对地址,以便可以在任何地方访问它

要使共享按钮正常工作,请将按钮的标记更改为

bgdImage = "http://sample.com/quote/" + bgdImage;

将字符串设置为:让url=domain+imageName+ending;类似于您在img()函数中所做的操作谢谢,但是如何在按钮url部分使用它?那个插件需要一个图像的url来放置在onclick处理程序中?谢谢,但是如何在按钮url部分使用这个?该插件需要放置一个图像的url。。我已经更新了答案来处理按钮点击-这应该可以满足您的需要:)谢谢Archer,这很有效:)谢谢你的帮助
bgdImage = "http://sample.com/quote/" + bgdImage;
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
    onclick="shareQuote()">
function shareQuote() {
    var imageUrl = document.getElementById("quotelan1").src;
    window.plugins.socialsharing.share('quote of the day', null, imageUrl, 'null')
}