使用自定义Javascript日期变量与IMG SRC元素
Using Custom Javascript Date Variable with IMG SRC Element
我试图在我的网站上的一些img src
元素中使用自定义javascript日期变量,但我遇到了一些麻烦,因为代码不识别utcdate
变量。我决定使用moment.js
来帮助我实现生成当前日期(在UTC格式)。这样做的目的是驱动(并显示)库中的图像,这些图像位于以YYYYMMDD
格式的今天的日期命名的目录中。
HTML代码:
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// set an element
$("#date").val( moment().format('YYYYMMDD') );
// set a variable
var utcdate = moment().format('YYYYMMDD');
});
</script>
<div class="gallery" align="center">
<h1>Title Goes Here</h1>
<br />
<div class="thumbnails">
<img onmouseover="preview.src=img1.src" name="img1" src="http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png" alt=""/>
</div><br/>
<div class="preview" align="center">
<img name="preview" src="http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png" alt=""/>
</div>
</div>
拨弄答案
var utcdate = moment().format('YYYYMMDD');
$("#my_image").attr("src","http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png");
相关文章:
- Javascript:使用绝对路径设置img src
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 插入“;img src"在javascript中
- 从二维数组中获取img src和img维度,并在body中显示
- 在不发出请求的情况下设置img src
- Jquery/Javascript使用IF/ELSE语句更改img SRC
- 使用JQuery从包含A href值中设置*all*IMG-src值
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- Img-src只通过javascript更改一次
- 正则表达式使链接可点击(仅在“href”而不是“img src”中)
- 交换 img src 或显示/隐藏多个图像是否更快
- 如果有办法在 N 秒内加载未触发,则有没有办法设置 img src
- img src 在 Firefox 和 IE 的 jQuery 脚本中没有更改
- 如何从弹簧控制器方法更新html img src
- onload 不会在 Firefox 中使用 createObjectURL img.src 触发
- img src 属性在为空时返回页面的 URL
- EmberJS config prod img src url
- Jquery-如何在悬停时更改img src
- writeln img src将数据提交到外部系统-Firefox和IE挂起
- 使用jQuery禁用img src等于特定值时的href