我创建了一个漫画网站http://www.hittingtreeswithsticks.com/,如果单击漫画缩略图,将会带您进入完整尺寸的图像(viewimage.php 模板)。
在 viewimage.php 模板中,我使用 javascript/jquery 循环遍历存储在数组中的图像,以便用户无需每次重新加载页面。
这似乎存在两个问题:
1)我还想添加“喜欢/不喜欢”功能,以便您可以对每个图像进行投票,以及Facebook 喜欢按钮(使用户可以针对每个图像选择喜欢)。目前,由于 jQuery 正在循环遍历图像,它没有更新您单击的图像的 ID。 (在此映像中,如果我按右箭头键转到下一个,ID 应该增加到 35)。
2)最终,我想通过广告收入赚钱。消息来源说,如果我使用 jQuery 来获取下一个图像,而不是重新加载页面,广告不会刷新... 并且我将产生更少的广告收入。
所以,我的问题是... Jquery 是否能够处理这些问题,还是必须进行页面刷新以增加 ID 并刷新广告?
谢谢!
在 viewimage.php 模板中,我使用 javascript/jquery 循环遍历存储在数组中的图像,以便用户无需每次重新加载页面。
这似乎存在两个问题:
1)我还想添加“喜欢/不喜欢”功能,以便您可以对每个图像进行投票,以及Facebook 喜欢按钮(使用户可以针对每个图像选择喜欢)。目前,由于 jQuery 正在循环遍历图像,它没有更新您单击的图像的 ID。 (在此映像中,如果我按右箭头键转到下一个,ID 应该增加到 35)。
2)最终,我想通过广告收入赚钱。消息来源说,如果我使用 jQuery 来获取下一个图像,而不是重新加载页面,广告不会刷新... 并且我将产生更少的广告收入。
所以,我的问题是... Jquery 是否能够处理这些问题,还是必须进行页面刷新以增加 ID 并刷新广告?
谢谢!
window.history.pushState(null, null, 'http://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=imgIndex');
代码(这似乎无法正常工作,实际上还阻止了“下一个”代码的运行)
$("#next").click(function() {
imgIndex++;
if (imgIndex > imgArray.length-1)
{
imgIndex = 0;
}
img.src = imgArray[imgIndex];
window.history.pushState(null, null, 'http://www.hittingtreeswithsticks.com/?action=viewimage&site=comics&id=imgIndex');
});
更新:
错误: