Question

我试图用两种语言（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>

语言一的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>

语言二的HTML代码：

 <div class="profile-image" >
                <img id="quotelan2"> 
                <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>

如果我将图像放在根文件夹中，Javascript代码可以正常显示一个图像的语言。

但是我在另一个域的某个地方托管了图片，我不知道如何通过脚本为每个图片生成网址。

我希望它像：

http://sample.com/quote/imgVariable.png以便我可以在图像src和共享按钮中使用。

请帮助..

由于

Answer 1

在设置图像元素的来源之前，请在域名前加上（以及任何额外的Url信息）......

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()">

并将此功能添加到您的javascript ...

function shareQuote() {
    var imageUrl = document.getElementById("quotelan1").src;
    window.plugins.socialsharing.share('quote of the day', null, imageUrl, 'null')
}

图像从365天每天的网址变化

1 个答案: