在数组中显示下一个或上一个图像

Posted

技术标签:

【中文标题】在数组中显示下一个或上一个图像【英文标题】:Display next or previous image in array 【发布时间】:2011-04-15 23:33:45 【问题描述】:

我想在网页上一次显示一张图片。我使用查询从数据库中获取一组图像到一个数组中。我已经尝试过这些路线:

$my=& JFactory::getUser();
$db=& JFactory::getDBO();
$a=& $my->id;
$query="SELECT id FROM jos_phocagallery_categories WHERE accessuserid='$a'";
$db->setQuery($query);
$r=$db->loadResult();
$queryc="SELECT filename FROM jos_phocagallery WHERE catid='$r'";
$db->setQuery($queryc);
$results=$db->loadResultArray();
$image=current($results);
echo 'imgag srx="images/phocagallery/'.$image.'" />';

我更改了上面的 echo 行,因为该行不允许

在这段代码之后,我尝试添加一个调用“next($results)”的输入按钮,然后替换 $image,但似乎整个查询又从头开始执行。所以我无法让数组的指针向前一步。甚至没有回声。

我做错了什么?

问候/维克托

【问题讨论】:

将此“imgag srx”更改为“ 【参考方案1】:

如果您要重新加载页面以获取下一张图片,那么您需要将 ID 或数组键传递给下一页,以便它知道您离开的位置。另一种选择是在不重新加载页面的情况下单步执行数组,而是使用一些 javascript 加载下一张图片并在单击按钮时替换当前图片。

编辑

好的,有了这些信息,您肯定需要使用一些 Javascript 才能使其工作。尽管 Joomla 带有 Mootools,但我更喜欢 jQuery,部分原因是可以使用插件来做各种事情。我看起来并不太难,但是这个轮播图像插件可以很容易地修改为你喜欢的,只需将其更改为一次显示一张图像而不是三张。

http://www.gmarwaha.com/jquery/jcarousellite/index.php

通过谷歌搜索,您甚至可以找到完全匹配的内容。

【讨论】:

谢谢布伦特。实际上,我正在尝试避免再次加载页面。我不能只用 php 处理一个 div 标签或一些指针来加载当前页面中的下一个图像吗? 为了在当前页面加载图像,你需要一些 Javascript 技巧。我会用一些代码给你另一个答案。

以上是关于在数组中显示下一个或上一个图像的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ios 中添加一组应在单击按钮时更改的图像? [关闭]

使用下一个和上一个图像箭头进行导航的 JS/jQuery 数组循环缩略图

通过从缩略图或下一个上一个按钮中选择来更改图像

Angularjs - 加载多次的相同图像

在 jQuery 中按类导航下一个或上一个 div

单击按钮时将显示脚本代码