使用Cakephp的javascript图像的正确路径
Correct path for images in javascript using Cakephp
我是cakephp的新手,我有一个脚本,我转换为cakephp。我有一个旋转背景,使用4张图片,像这样:
$.backstretch([
"img/bg/1.jpg",
"img/bg/2.jpg",
"img/bg/3.jpg",
"img/bg/4.jpg"
], {
fade: 1000,
duration: 8000
});
当我打开脚本像name_domain.com使用控制器用户和操作登录,它看到所有的图像和所有的工作完美,但当我尝试使用register (controller=>users, action=>signup)
图像不加载。但是我把../img....
放在这里,而不是在索引中。
我如何正确地链接这些图像。我也尝试了"/img",但不工作。
默认声明一个javascript变量。ctp
var IMAGE_HOST = "<?php echo $this->webroot.'/img/'; ?>";
现在你也可以在javascript文件中使用了
<script>
$.backstretch([
IMAGE_HOST + "bg/1.jpg",
IMAGE_HOST + "bg/2.jpg",
IMAGE_HOST + "bg/3.jpg",
IMAGE_HOST + "bg/4.jpg"
], {
fade: 1000,
duration: 8000
});
希望它有帮助…!!
尝试使用像这样的完整路径
$this->webroot.'img/myimage.jpg'
或
$this->Html->url('/img/myimage.jpg')
或
<?php Router::url('/img/myimage.jpg')?>
一种方法是设置一个JavaScript变量,然后在后续脚本中使用它。例如,在app/Layouts/default中。ctp文件,您可以:
<script>
var img_path = "<?php echo Configure::read('App.imageBaseUrl'); ?>";
</script>
然后在你的脚本中使用它,像这样:
<script>
$.backstretch([
img_path + "/bg/1.jpg",
img_path + "/bg/2.jpg",
img_path + "/bg/3.jpg",
img_path + "/bg/4.jpg"
], {
fade: 1000,
duration: 8000
});
</script>
我建议在布局中保存webbroot path,使其作用域保持全局
<div id="webroot" class="hide" data-url="<?php echo $this->webroot;?>"></div>
然后使用backstretch js作为
var webroot = $('#webroot').attr('data-url');
$.backstretch([
webroot+ "img/bg/1.jpg",
webroot+ "img/bg/2.jpg",
webroot+ "img/bg/3.jpg",
webroot+ img/bg/4.jpg"
], {
fade: 1000,
duration: 8000
});
当你使用不同的动作与webroot元素具有相同的布局时,它将保持正确的图像路径
相关文章:
- Javascript:使用绝对路径设置img src
- 如何使用Javascript上传给定路径的文件
- react路由器使用简单的javascript路由器配置来处理不匹配的路径
- 表单's的action属性-如何在javascript中指定完整的应用程序路径
- 使用c#中的邮件附件javascript在客户端机器上获取服务器端导出的crystal报告路径.下面的
- javascript window.location在检查firebug时给了我一个错误的url路径
- 如何将字符串附加到对象中'路径'在Javascript中
- javascript文件中带有php(wordpress)的Src文件路径
- 为什么html src属性中的相对url是因为Javascript函数中的完整路径
- 如何使用php和javascript获取网页中显示图像的路径
- javascript onclick获取不带路径的图像名称
- Symfony2-Javascript文件中的图像路径
- 将 MVC 3 应用程序部署到 URL 文件夹已损坏 JavaScript 和内容路径
- AWS S3 JavaScript 开发工具包 getSignedUrl 仅返回基本路径
- 是否存在用于解析 URL 路径段(矩阵)参数的 JavaScript 库
- 如何在 JavaScript 中计算 SVG 路径的椭圆路径坐标
- 从路径加载的JavaScript;如何使用 document.getelementbyid.
- JavaScript执行路径
- 从完整路径 Javascript 中提取部分路径
- 正在获取相对路径javaScript