Question

好吧，所以我正在尝试为我的网站创建一个小部件，它将显示我最近的所有博客文章。 Tumblr已经有了一个可以做到这一点的JS。

<script src="blogname.tumblr.com/js"></script>

但我最近发现了一些看起来更好的东西。

<img border='0' style='margin:0' id='ji-tumblr-photo-blogname-1' src='' alt='' />
<script src='http://blogname.tumblr.com/api/read/json?number=10&type=photo'></script>
<script>document.getElementById('ji-tumblr-photo-blogname-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-500']);</script>

不是我对JS还不太好但我有点想到第一行和第三行共享相同的“1”，它有点像占位符。现在在第三行，你会看到在哪里说：

tumblr_api_read.posts[0]

同样，我对JS并不是那么好，但我发现如果你更改了这个数字，它会改变你博客上显示的帖子。所以例如，我可以取“1”并从1-10增加它并从0-9增加“0”它将显示我的最后10个Tumblr帖子。从我上一篇文章中我发现了如何使用这个PHP脚本增加数字。

$offset = 10;
$page = 1;

if (isset($_GET['post']) && is_numeric($_GET['post'])) {
$page = $_GET['post'];
}

$start_number = ($page - 1) * $offset;
$end_number   = $start_number + 10;

$num = $start_number;
while ($num <= $end_number) {
echo $num;
$num++;
}

echo sprintf('<a href="/index.php?page=tumblr&post=%s">More</a>', $page + 1);

现在我并不确定它是如何运作的，但我知道它确实有效。唯一的问题是它显示0-10，就像我说我需要1-10和0-9。这样在“while”循环中它回显$ num我可以将它改为。

<img border='0' style='margin:0' id='ji-tumblr-photo-blogname-<?php echo $onetoten; ?>' src='' alt='' />
<script src='http://blogname.tumblr.com/api/read/json?number=10&type=photo'></script>
<script>document.getElementById('ji-tumblr-photo-blogname-<?php echo $onetoten; ?>').setAttribute('src', tumblr_api_read.posts[<?php echo $zerotonine; ?>]['photo-url-500']);</script>

当我按下“更多”按钮时，它会将0-9增加到10-19。我不相信我必须改变“$ onetoten”因为它只是一个占位符但是现在我被卡住了...任何帮助都会很棒！

使用“更多”按钮制作Tumblr小工具

0 个答案: