比如这样的一个相框。。见图片一、。。
最外面的边框是在后台上传一个整体框的8部分合成的。见图片二、由那A到H这8部分合成的。中间为图片。
它的最外面边框和橙色的背景,黄色的背景,红色的背景,和最里面面的图片,都可以自由调动大小粗细,怎样实现?
像把整个框调成1M*1M的话最外面的边框就变得细了。
把整个框调成20CM*20CM的话最外面的边框就变得粗了。等待大侠救命啊。。
试用期就让我搞这个。没搞好不知试用期有没过得了呢。 
图片一、图片二、

解决方案 »

  1.   

    这是是由js做吧php做起来能实现也麻烦啊
      

  2.   

    php是可以的,网上随便一搜,很多
      

  3.   

    你是要生成一个你要的效果图片还是显示这个效果图片??
    前者用PHP,后者最好用CSS+JS
      

  4.   

    写个table 三行三列 对各个td编写css样式 主要代码 background-image: url(/images/a.jpg); 
      

  5.   

    TABLE里面的背景图片可以调整大小吗?
      

  6.   

    饼饼大哥说的是 CSS就实现了
    ul{
       width:300px;
       height:600px;
       
    }
    li{
       list-style-type:none;
       width:300px;
       height:50px;
      }
    li #a_span{
              width:50px;
              height:50px;
              background:url(images/a.jpg) no-repeat;
           }
    li #b_span{
               width:200px;
               height:50px;
               background:url(images/b.jpg) repeat-x;
              }
    li #c_span{
               width:50px;
               height:50px;
               background:url(images/c.jpg) no-repeat;
              }
    #li_img{
            width:200px;
            height:400px;
           }
    #li_img #h_span{ 
               width:50px;
               height:200px;
               background:url(images/h.jpg) repeat-y;
              }
    #li_img img{
                      width:200px;
                      height:400px;
                  }
    #li_img #d_span{
                    width:50px;
                    height:200px;
                    background:url(images/d.jpg) repeat-y;
                   }
    li #g_span{
              width:50px;
              height:50px;
              background:url(images/g.jpg) no-repeat;
           }
    li #f_span{
               width:200px;
               height:50px;
               background:url(images/f.jpg) repeat-x;
              }
    li #e_span{
               width:50px;
               height:50px;
               background:url(images/e.jpg) no-repeat;
              }
    HTML:
    <ul>
    <li><span id="a_span"></span><span id="b_span"></span><span id="c_span"></span></li>
    <li id="li_img"><span id="h_span"></span><img src="bg.jpg"><span id="d_span"></span></li>
    <li><span id="g_span"></span><span id="f_span"></span><span id="e_span"></span></li>
    瞎写的 跟三行三列表格的原理一样
      

  7.   

    多谢先了。
    这样的话a_span&b_span&c_span^……的背景图片不能缩放的哦~~
    这个算法我已经实现得差不多的了~~多谢各位支持呀。
    不过就是没人朋友回到适合的答案帖。。
      

  8.   

    我简单说说我的实现过程吧。
    主要用到imagecopyresampled这个函数。但实现起来感觉效率不高。图片大的话就速度下降了。不管怎样,功能是实现的了。
    这是一个贴图程序而已。
    四个角的图片固定是一张,四条边就按照用户输入的长度重复贴图。
    imagecopyresampled这个函数可以实现重复贴图的了。也可以调整图片大小。
    算法思路很一般,但也用了我好长的时间去实现。。哎呀。数据结构没学好。。
    多谢各位的光临,谢谢!结帐!