读取多张图片，不刷新切换图片

Question

从数据库中  读出多张图片，显示的时候，只显示一张，有‘上一张’，‘下一张’，俩个按钮，点击切换图片，谁有事例，用JS的

Answer 1

可以先把读出来的url放在数组里面 然后由js改变图片的图片源属性 代码没有

Answer 2

从数据库中  读出多张图片，显示的时候，只显示一张，有‘上一张’，‘下一张’，俩个按钮，点击切换图片，谁有事例，用JS的
==
如果服务器必须要通过数据库去读到这些图片，需要使用Ajax

Answer 3

 js  自己看
 <script language="javascript" type="text/javascript" >
var pages;//当前页数
var pagesize;//页大小
var totlepage;//总页数
function showtr(pages1)
{
 pages=pages1;
 pagesize=6; if(albumsongs.rows.length%pagesize==0)//计算总页数
 {
  totlepage=albumsongs.rows.length/pagesize;
 }
 else
 {
  totlepage=parseInt(albumsongs.rows.length/pagesize)+1;
 }
 
 if(pages<1) //判断页数是否小于1
 {
  pages=1;
 }
 if(pages > totlepage)//判断页数是否大于最大页数
 {
  pages=totlepage;
 }
 
 for(i=0;i<=albumsongs.rows.length-1;i++) //隐藏全部行
 {
  albumsongs.rows[i].style.display="none";
 }
 
 for(i=(pages-1)*pagesize;i<=pages*pagesize-1 & i<=albumsongs.rows.length-1;i++) //显示当前页的行
 {
  albumsongs.rows[i].style.display="block";
 } currentpage1.innerHTML=pages;
 totlepages.innerHTML=totlepage;
}</script>不过我还是觉得不怎么好  当图片多了  第一次用的时间会很长

Answer 4

这种方法比可以，也可以考虑使用Ajax

Answer 5

    var url =window.location.href;
    
    
    url  = url.substring(0,url.length-5);
    url = url.split('_');
    
    
    var estateid = url[3];
    var dataurl_fangxing = "mp_images.aspx?estateid=" + estateid + "&position=2" ;
 
    
    retCode_fangxing=openUrl(dataurl_fangxing);
   
    
    var imgs_fangxing = new Array();
    imgs_fangxing = retCode_fangxing.split(',');
     var p = 1;
     var l = imgs_fangxing.length;
  
     
function   openUrl(url)
   {  
        if   (window.XMLHttpRequest)  
        {   
                objxml   =   new   XMLHttpRequest();   
        }  
         else   if   (window.ActiveXObject)  
        {   
                objxml   =   new   ActiveXObject("Msxml2.XMLHTTP");   
        }   
       
        objxml.open("GET",url,false);
        
        objxml.send(""); 
        retInfo=objxml.responseText;    
        
        if   (objxml.status== "200 ")
        {  
                return   retInfo;  
        }  
        else
        {  
                return   "";  
        }  
}  
  
function showimg1()
{
    var img_fangxing = document.getElementById("img_fangxing");
    
    img_fangxing.src ="../EstateImg/"+ imgs_fangxing[0];  
    
    
}
function clickImg()
{
    var img_fangxing = document.getElementById("img_fangxing");
    img_fangxing.src ="../EstateImg/"+ imgs_fangxing[p];  
    p++;
    if((p+1)>imgs_fangxing.length)
        p=0;
}function clickImg1()
{
    var img_fangxing = document.getElementById("img_fangxing");
    img_fangxing.src ="../EstateImg/"+ imgs_fangxing[p-1];  
    p--;
    if((p-1)<0)
        p=imgs_fangxing.length;
}
自己凑了一段JS，反正能实现了....