比如这样的一个相框。。见图片一、。。
最外面的边框是在后台上传一个整体框的8部分合成的。见图片二、由那A到H这8部分合成的。中间为图片。
它的最外面边框和橙色的背景,黄色的背景,红色的背景,和最里面面的图片,都可以自由调动大小粗细,怎样实现?
像把整个框调成1M*1M的话最外面的边框就变得细了。
把整个框调成20CM*20CM的话最外面的边框就变得粗了。等待大侠救命啊。。
试用期就让我搞这个。没搞好不知试用期有没过得了呢。
图片一、图片二、
最外面的边框是在后台上传一个整体框的8部分合成的。见图片二、由那A到H这8部分合成的。中间为图片。
它的最外面边框和橙色的背景,黄色的背景,红色的背景,和最里面面的图片,都可以自由调动大小粗细,怎样实现?
像把整个框调成1M*1M的话最外面的边框就变得细了。
把整个框调成20CM*20CM的话最外面的边框就变得粗了。等待大侠救命啊。。
试用期就让我搞这个。没搞好不知试用期有没过得了呢。
图片一、图片二、
前者用PHP,后者最好用CSS+JS
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>
瞎写的 跟三行三列表格的原理一样
这样的话a_span&b_span&c_span^……的背景图片不能缩放的哦~~
这个算法我已经实现得差不多的了~~多谢各位支持呀。
不过就是没人朋友回到适合的答案帖。。
主要用到imagecopyresampled这个函数。但实现起来感觉效率不高。图片大的话就速度下降了。不管怎样,功能是实现的了。
这是一个贴图程序而已。
四个角的图片固定是一张,四条边就按照用户输入的长度重复贴图。
imagecopyresampled这个函数可以实现重复贴图的了。也可以调整图片大小。
算法思路很一般,但也用了我好长的时间去实现。。哎呀。数据结构没学好。。
多谢各位的光临,谢谢!结帐!