插入电子目录 - 杂志的动态 HTML 内容
Insert Dynamic HTML content for Electronic Catalogue - Magazine
我正在制作电子书(杂志(。但我有 200 页(jpg 格式(。因此,为了避免为200页编写相同的行代码,我想了解如何使用javascript和php来做到这一点。
我在电子书中每个页面的HTML代码是:
<div id="page" style="background-image:url(img/2014/image-001.jpg);"></div>
我进行更改/添加的 javascript 函数是:
function myBook(i)
{
var x = document.getElementById("page");
if (x.hasAttribute("style"))
{
i++;
x.setAttribute("style", "background-image:url(img/2014/image-00" + i + ".jpg");
}
}
我的调用myBook((函数的php代码是这样的:
<?php
for ($x = 0; $x < 200; $x++) {
echo '<script type="text/javascript">myBook($i)</script>';
}
?>
我想要的只是在 HTML 元素中添加(+1(一个数字,以便生成正确的 jpg 文件。
提前谢谢。
而不是
$a = (String) $x;
if (strlen($a)<3)
{
for($y = 3 - strlen($a); $y > 0; $y--)
{
$a = '0' . $a;
}
}
你可以写
$a = str_pad($x,3,"0",STR_PAD_LEFT);
<?php
for ($x = 0; $x < 200; $x++)
{
$a = (String) $x;
if (strlen($a)<3)
{
for($y = 3 - strlen($a); $y > 0; $y--)
{
$a = '0' . $a;
}
}
echo '<div id="page" style="background-image:url(img/2014/image-' . $a . '.jpg);"></div>';
}
?>
我认为这可能会做你想要的。希望对您有所帮助!
相关文章:
- 如何使Javascript动态html表及其上的事件
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- Rails:如何在浏览器中显示动态html内容,而不会对其进行转义,也不会引起XSS攻击
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 使用Kendo的动态HTML元素绑定
- 使用jquery插入动态HTML后,单击不起作用
- jQuery.tmpl没有呈现动态html
- 使用jquery从JSON数据生成动态html
- jQuery自动完成显示不需要的动态html标记
- 使用JavaScript制作动态HTML页面以重定向到URL
- 在angular中,使用ng repeat生成动态html内容
- Dynatable与动态HTML标头断开
- 如何使用jQuery读取动态html表行
- 将点击函数添加到动态 HTML 链接
- 使用 Javascript 的动态 HTML:用不同的内容填充相同的 HTML 对象
- 如何在创建动态 HTML 页面时使用日期选择器
- 动态HTML元素-如何将表单提交到php
- JavaScript确认何时在表单中选择动态HTML字段
- 动态html表,但表头位于底部
- 如何在另一个java脚本函数中访问java脚本中动态html表中单元格的动态赋值