如何用js实现九宫图的图片调用？

Question

“比如每一张图片指向栏目A的a1.html”应为“比如第一张图片指向栏目A的a1.html，”

Answer 1

2、本人对网站制作只懂得些简单的制作工具如dreamwaver及极简单的html知识，对javascript及其他计算机语言都不懂，所以请高手能写出详尽的代码，我复制过来，把图片地址等改成我的后就能用。
ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθ ικλμνξοπρστυφχψω︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеёжзийклмнопрстуфхцчшщъыьэюāáǎàēéěèīíǐìōóǒòūúǔùǖǘǚǜüêɑńňɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩ

Answer 2

呵呵，mataofq，你这是写的什么啊？

Answer 3

呵呵，楼上的wdbjsh真强;p另：哪位高人帮我解解这个js啊

Answer 4

嗯，可能我没讲得太清楚，我的想法是每个栏目的位置是固定的，比如第一排第一张图为栏目A，第二张图为栏目B，第三张为栏目C，依此类推，只不过第一排第一张图片只能从确定的10张图片里随机挑选，第二张图片也只能从另外确定的10张图片里选……
muxrwc，你说浪费资源，是不是说放了这样的js，页面打开会非常慢还是怎么回事？如果用样式，那该如何做啊？

Answer 5

...
按照你7楼的需求的话,那么直接
用服务器端完成就可以了...我以为你说的是布局不固定但是大概类型固定..这样.类型固定的css用服务器端去分配...
就可以产生类型固定，布局不固定的效果..不过你7楼的需求只是随机显示图片.
这样从后台输出的时候直接,完成就可以了...

Answer 6

To muxrwc：
用css如何实现啊？我还以为CSS只是对文本格式进行设置呢 :）
我的网站全是静态的html页面，不会涉及到数据库什么的吧。

Answer 7

To YH_Random图片是jpg格式的，一般的，A栏目下的图片都是以a001.jpg,aoo2.jpg这样命名，B栏目下的图片是以b001.jpg,b002.jpg这样命名，依此类推。
原来这些图片是放在images文件夹A文件夹，B文件夹等各自下不同的文件夹里。如果这样js调用不方便，要放在统一的一个文件夹里更方便的话，我可以把这些待随机显示的图片单独复制出来，放到一个文件夹里。

Answer 8

To pzhuyy:谢谢你的回复。我以前也在这里向高手请教过图片随机显示的js代码，感觉没有什么安装调试的，高手把代码贴出来，我复制过去，然后改成我自己的路径或图片名就可以了。这个还真要安装调试什么的吗？

Answer 9

很开心在那个“献上全部家当求用javascript实现对不同栏目的图片随机调用！”贴子里给你的方法行得通。这里再贴一遍，希望获得分数。至于说的另开一贴，我本人建议不用，有了这两个贴子的分数已经够了，你本人分数也不多。兄弟，看了你的需求，我给你一个比较简单的解决方法，应该可行。 
建一个三横三坚的表格，每个表格里调用一段js。栏目A做一个a.js，栏目B做一个b.js等等。 
a.js的具体做法如下： <!--          
      var n=10      
      var m=1   
      var urlArray=new Array();   
      var picArray=new Array();  
       
      //for(i=0;i <n;i++){ 
      urlArray[0] = "a/a01.html";  
      urlArray[1] = "a/a02.html";  
      urlArray[2] = "a/a03.html";  
      urlArray[3] = "a/a04.html";  
      urlArray[4] = "a/a05.html";  
      urlArray[5] = "a/a06.html";  
      urlArray[6] = "a/a07.html";  
      urlArray[7] = "a/a08.html";  
      urlArray[8] = "a/a09.html";  
      urlArray[9] = "a/a10.html";  
      urlArray[10] = "a/a11.html";  
      picArray[0] = "img/a01"; 
      picArray[1] = "img/a02"; 
      picArray[2] = "img/a03"; 
      picArray[3] = "img/a04"; 
      picArray[4] = "img/a05"; 
      picArray[5] = "img/a06"; 
      picArray[6] = "img/a07"; 
      picArray[7] = "img/a08"; 
      picArray[8] = "img/a09"; 
      picArray[9] = "img/a10"; 
      picArray[10] = "img/a11";       //}  
         
    
      var ar=new Array();          
      function compare(arg1,arg2){          
       return arg1[1]-arg2[1];          
      }          
             
      for(var i=0;i <n;i++){          
       ar[i]=[i+1,Math.random()];          
      }          
      ar.sort(compare);          
      for(var i=0;i <m;i++){    
       if(i%1==0)            
       document.write(" <height=140 valign=middle align=center> <a target=_blank href=http://www.aaa.com/"+urlArray[ar[i][0]]+">"+" <img src=http://www.aaa.com/"+picArray[ar[i][0]]+".jpg alt=aaaa  width=140 height=120 border=2 style='border-color:#000000'> <br>"+"aaaa");          
      }          
           
      //-->  然后在你的页面里，在   <td>  </td>之间插入以下语句： 
<script language="JavaScript" src="a.js">  
</script> 

Answer 10

谢谢chinadxp的解答，并感谢其他朋友的回复。