我想知道如何显示图像上的图像:我知道我必须使用while循环检索图像,但是像这样显示它们是困难的一点,谢谢! :))我如何获得图像显示在像这样使用PHP和CSS这样的行?
回答
也许这:
<UL>
<LI CLASS="image">
<IMG SRC="..." />
</LI>
<LI CLASS="image">
<IMG SRC="..." />
</LI>
<LI CLASS="image">
<IMG SRC="..." />
</LI>
</UL>
有了这个CSS:
.image {
display: inline;
}
这真的不是那么难,你只需要PHP输出表的HTML。
这里有一个简单的例子:
$imagenum=0;
echo "<table>";
while($imagenum < $maximages){
echo "<tr>";
for ($i = 0; $i < 4; $i += 1) {
echo "<td>";
if($imagenum < $maximages){
echo "<img src='";
echo get_url_of_my_image($imagenum);
echo "' >";
}
echo "</td>";
$image+=1;
}
echo "</tr>";
}
echo "</table>";
感谢,是一个thier办法做到这一点,而不使用表 – getaway 2010-09-24 21:19:50
@Fanis答案这样做的; ) – 2010-09-24 21:21:56
显示图像是使用HTML <img>
标签的事,你可以用,当你显示的X图像,所以你可以关闭该modulo operator%
知道现有的行并打开一个新的行。
$images ; //array of image urls
$countImages = count($images) ;
$imagesPerRow = 5 ;
for ($i = 0 ; $i < $countImages; $i++) {
//display image here
$image = $images[$i] ;
echo "<img src='$image'>" ;
if ($i % $imagesPerRow == 0) {
//have displayed an entire row
echo '<br>' ;
}
}
Modulo返回除法的其余部分。所以,让我们说你想要5行图像。如果$ i恰好除以5,则余数将为0,这意味着已显示5张图像,因此需要新的一行。
我爱你的答案,谢谢,每行5图像正是我想要的也是哈哈:))但如何,如果我只有一个4行显示,所以基本上20个图像!谢谢 – getaway 2010-09-24 21:41:59
@getaway如果你只想显示4行5个图像,你只能从数据库中获得20个图像,或者如果你不能限制这些图像,循环只能达到20(假设你有很多图像) – Fanis 2010-09-24 22:12:21
@getaway我建议你看看Alex Howansky的回答。显示屏更流畅。你只需要计算你希望它们出现的宽度,然后html将决定放入多少。然后,如果你调整浏览器的大小,它会相应减少或者减少。 – Fanis 2010-09-24 22:16:45
- 1. 如何在CSS中获得像这样的标题图像?
- 2. 我如何获得像这样的TextField
- 3. 如何在WordPress中显示像这样的图像内容?
- 4. 如何定位像这样的图像?
- 5. 如何安排像这样的图像?
- 6. 如何使用像这样的图像引导行做triangel div
- 7. 在React Native中显示像Instagram这样的图像部分?
- 8. 我如何使用CSS创建一个像这样的盒子。
- 9. 使用CSS插入像Bing这样的背景图像
- 10. 像960和Blueprint这样的CSS框架?
- 11. 是否可以使用CSS像这个图像一样动画?
- 12. 如何使用CSS来获得像这样对齐的5个按钮
- 13. 如何使用R ggplot2像这样得到“径向直方图”?
- 14. 如何获得我有两个表像这样不同列
- 15. 像GotoMeeting这样的软件如何捕获桌面的图像?
- 16. StaggeredGridLayoutManager像这样
- 17. 如何提示像这样的图像(链接)?
- 18. 如何设置这样的图像?
- 19. 如何在网页上显示像图像一样的图像
- 20. SQL PHP:如何选择和获取像这样?
- 21. 我怎样才能得到一个JSON像这样用JavaScript
- 22. 如何显示这样
- 23. 我会如何在CSS中像这样转换?
- 24. 如何使用css创建像这样的列布局?
- 25. 如何用CSS这样的样式?
- 26. 如何获得像facebook这样的人的数量
- 27. 如何在像这样的布局中使用px和%
- 28. 如何获得像这样的NSWindow标题栏
- 29. 如何获得像Google zeitgeist 2011这样的流体内容?
- 30. 如何显示表行这样
请注意,这将自动调整图像的数量以适应您的宽度,因此您不需要硬编码多个列。 – 2010-09-24 21:22:51
哎呀,我的标签倒退了,是固定的。 – 2010-09-24 21:24:00
不知道为什么这得到了downvoted,这是它如何工作的一个例子,请注意你可以动态调整大小和列调整匹配 - 你不会得到与表或强制换行符:http:// howansky。 org/stackoverflow/3791019.html – 2010-09-24 21:37:25