.net中多个图片并排循环排列显示的问题
从数据库读取信息,数据并排(一行5个数据),页面显示10行后有分页。
用asp和java循环表格就可以。但是在.net中该怎么弄呢,用什么控件呢。
刚用.net,希望大家多多帮助!
各位给点思路,或者给代码看看。不甚感激!!!
[解决办法]
Repeater控件
[解决办法]
呵呵
[解决办法]
呵呵,我一般是用CSS的方法来解决的
<style>
#IdTest{
width:100%;
}
#IdTest .i{
width:20%;
}
</style>
<div id="IdTest">
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
<div class="i">这里是一个image的控件,imgual=数据库中的图片路径</div>
</div>
你在读取数据库的时候,读 5*10个记录就可以了
[解决办法]
这个用控件和循环表格或是ul,li都可以实现!你在asp,java下都会为什么就在asp.net下就不会了?就是一个本质!~控件可以用Repeater,datalist,datagrid,dataview,ajax下还可以用js来循环表格或是ul!
[解决办法]
listview也不错。
[解决办法]
...
for(int i=0;i<10;i++){
if(i%5==0){
//换行了...
}
...
}
...
[解决办法]
用asp和java循环表格就可以
--------------
你asp跟java都会了,C#应该不难
C#的某些语法跟java非常相似
[解决办法]
datalist, <asp:DataList ID="DataList1" runat="server" RepeatColumns="5">
<ItemTemplate>
<img src="图片路径" />
</ItemTemplate>
</asp:DataList>
repeater 和这个一样的方法
------解决方案--------------------
RepeatColumns="5"每行显示的数量..
[解决办法]
- HTML code
<html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>无标题页</title> <style type="text/css"> .d{width:100px;} .d div{float:left;width:20px;} </style></head><body><div class="d"> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div> <div>aa</div></div></body></html>
[解决办法]
datalist不是可以吗?
[解决办法]
datalist
[解决办法]
这个不难,使用DataList和AspNetPager再简单设置控件属性就可以了,实例:http://writeblog.csdn.net/PostList.aspx找
[解决办法]
前台:
<asp:DataList ID="Dlist1" runat="server" RepeatColumns="3" Width="100%">//一行显示数量为3
<ItemTemplate>
<table >
<tr>
<td align="center">
<asp:Image ID="Image1" runat="server" Height="96px" Width="115px" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
后台:
for (int i = 0; i < 图片的数量; i++)
{
//img是图片路径
((Image)Dlist1.Items[i].FindControl("Image1")).ImageUrl = img;
}
[解决办法]
http://blog.csdn.net/xianfajushi/archive/2008/10/19/3100082.aspx
不用在后台那么麻烦的
<asp:Image ID="Image16" runat="server" Width="200px" Height="324px" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Di_Zhi")%>' ToolTip='<%# DataBinder.Eval(Container.DataItem, "Shuo_Ming")%>' /><br />
[解决办法]
我觉得 实现1行5个,还是用dataList做好,用repeater好像不能自动控制每行显示几个
[解决办法]
datalist中有个属性RepeatColumns,就可以设置你一行显示的模板数
用gridview放图片,会把每列撑的很开,很难看
[解决办法]
用Repeater或Datalist