插入电子目录 - 杂志的动态 HTML 内容

Insert Dynamic HTML content for Electronic Catalogue - Magazine

本文关键字：动态 HTML 内容 杂志 子目录 插入      更新时间：2023-09-26

我正在制作电子书(杂志(。但我有 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>';
    }
?>

我认为这可能会做你想要的。希望对您有所帮助！

相关文章：