在.js文件中写入图像链接 - Symfony2
Write link to images in .js file - Symfony2
我正在使用Symfony2,我的.js文件中有一些指向图像的链接 - 像这样:
$(this).attr('src', 'img/icons/black/icon1.png');
当然,它们不会以这种方式工作:(我应该如何设置它们?
起初我尝试过 {{ asset('bundles/acmemy/img/icons/black/icon1.png') }}
,但我很快想起我不是在用树枝文件写。
如果您要求使用 JS 文件链接到图像。您可以通过键入来执行此操作IMG SRC="图像/主页.gif" 宽度="100" 高度="30"
如果图像存储在 YourBundle/Resources/Public/img/中然后在 assets:install 之后,它们将可通过此 URL 使用/bundles/yourbundle/img/*
所以答案是:
$(this).attr('src', '/bundles/yourbundle/img/icons/black/icon1.png');
您可以在 twig 文件中的 JavaScript 对象中包含资产路径:
<script>
var images = {'image1': {{ asset('bundles/acmemy/img/icons/black/icon1.png') }} };
<script>
然后在必须包含在此脚本标记之后的脚本中:
...
$(this).attr('src', images.image1);
...
相关文章:
- Javascript图像链接
- 更改标记.js图像/链接表达式
- 如何获取显示在谷歌搜索右侧的图像链接
- 来自流星模板的 HTML 图像链接未由浏览器呈现
- 警报后转到 iframe 中的图像链接
- JavaScript渐变幻灯片-图像链接
- 使用JavaScript从网页复制HTML代码或图像链接
- 响应图像tinymce图像链接
- 谷歌图书预览没有在安全的https上显示图书图像链接,但在http上工作.在Google Chrome和Touch浏览器
- 如何在这个javascript中添加图像链接
- 悬停图像链接,更改文本css
- 如何告诉 iframe 将图像链接调整为给定的宽度和高度
- jQuery - 在其下方显示每个图像链接
- 如何将图像链接与 HTML 和 CSS 一起使用时,悬停时在其他位置显示图像
- 如何在鼠标悬停在另一个图像/链接上时显示新图像/窗口
- 如何在数据库值达到一定数量后禁用图像链接
- 当我们单击多个图像链接时,将在同一页面上显示多个工具提示
- 用于在网页上填充图像链接的 JavaScript 代码
- 在.js文件中写入图像链接 - Symfony2
- 如何加载带有图像链接的 XML 文件,以便在 2D JavaScript 数组中使用