分享我的图片集模板帝国cms - 安全、强大、稳定、灵活

帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → 分享我的图片集模板

【本版专题贴子】

lei_wj
用户头衔：举人

精华贴   ：0
发贴数   ：283
经验值   ：923
注册时间：2009-09-16

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

分享我的图片集模板

先AD一把上海汽车网汽车报价

增加个标签模板
<style>
input,select,button{
font:12px Verdana,Arial,Tahoma;
vertical-align:middle;
}
fieldset,img {
border:0;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
font-size:100%;
}
abbr,acronym {
border:0;
}

.clear {
clear:both;
height:30px;
}
.padding10 {
padding:10px;
}
.main960 {
width:960px;
background-color:#3E3E3E;
margin:0 auto;
overflow:hidden;
}
.page_no {
text-align:center;
margin:0px;
width:100%;
clear:both;
}
.epages{
font:12px Tahoma;
line-height:40px;
}
.epages *{
vertical-align:middle;
}
.epages a{
padding:5px 9px 5px 9px;
background-color:#000;
color:#fff;
}
.epages a:hover{
background:#f2f2f2;
text-decoration:none;
color:#ff3300;
}
.epages span {
color:#ff3300;
padding:5px 9px 5px 9px;
background-color:#ccc;
}
.title {
line-height:40px;
color:#ff9600;
font-size:18px;
font-weight:bold;
text-align:center;
}
.picsay {
line-height:22px;
width:760px;
margin:0 auto;
text-indent:24px;
}
.content {
text-align:center;
width:100%;
overflow:hidden;
}
.gallery {
text-align:center;
width:100%;
overflow:hidden;
clear:both;
}
.p_left {
width:100px;
float:left;
padding-top:150px;
text-align:right;
}
.p_center {
width:750px;
float:left;
text-align:center;
overflow:hidden;
}
.p_right {
width:100px;
float:right;
padding-top:150px;
text-align:left;
}
.p_top {
text-align:center;
padding:5px;
clear:both;
}
.ranypic {
padding:20px 10px 10px 10px;
text-align:center;
border-top:1px solid #d3d3d3;
overflow:hidden;
height:100%;
vertical-align:middle;
background-color:#fff;
}
.ranypic li {
float:left;
width:188px;
line-height:24px;
}

.blk_29 {
padding:10px;
margin:0 auto;
overflow: hidden;
zoom:1;
position:relative;
width:590px;
}
.blk_29 .LeftBotton {
background: url(http://www.101gct.com/img/tpk/left2.jpg) no-repeat 0px 0px;
left:0px;
float: left;
width: 20px;
cursor: pointer;
position:absolute;
top: 36px;
height: 36px
}
.blk_29 .RightBotton {
right:0px;
background:url(http://www.101gct.com/img/tpk/right2.jpg) no-repeat 0px 0px;
float:right;
width:20px;
cursor:pointer;
position:absolute;
top: 36px;
height:36px
}
.blk_29 .Cont {
overflow: hidden;
width:auto;
margin:0 auto;
}
.blk_29 .pbox {
float:left;
width:auto;
padding-right:5px;
}
.blk_29 .pbox IMG {
width:90px;
height:90px;
}
.photoresize {
margin:10px;
max-width:750px;
}
* html .photoresize {
width: expression(this.width > 750 && this.width/this.height > 0.07 ? 750 : true);

}
.nextphpage {
border:none;
width:70px;
height:70px;
background: url(http://www.101gct.com/img/tpk/right.jpg) no-repeat;
cursor:pointer;
}
.priphpage {
border:none;
width:70px;
height:70px;
background: url(http://www.101gct.com/img/tpk/left.jpg) no-repeat;
cursor:pointer;
}
.slecpage {
background-color: #d4d0c8;
width:90px;
}

</style>
<script type="text/javascript" src="http://www.101gct.com/img/tpk/ScrollPic.js"></script>
<div class="main960">
<div class="container">
   <div class="content">
   <script type="text/javascript">
      var photosr=new Array();
      [!--photor--]
      function GotoPhPage(page){
            page=parseInt(page);
            document.getElementById("showpagephoto").innerHTML=photosr[page];
            document.ViewPhotoForm.thisphpage.value=page;
            document.ViewPhotoForm.tothephpage.options[page-1].selected=true;
      }
      //上一页
      function PriPhPage(){
            var thispage=parseInt(document.ViewPhotoForm.thisphpage.value);
            var num=photosr.length;
            if(thispage<=1)
            {
                     alert("已是第一页");
                  return "";
            }
            GotoPhPage(thispage-1);
      }
      //下一页
      function NextPhPage(){
            var thispage=parseInt(document.ViewPhotoForm.thisphpage.value);
            var num=photosr.length;
            if(thispage>=num-1)
            {
                     alert("已是最后一页");
                  return "";
            }
            GotoPhPage(thispage+1);
      }
      function PhAutoPlay(){
            var sec=parseInt(document.ViewPhotoForm.autoplaysec.value);
            var i;
            var num=photosr.length;
            for(i=1;i<=sec;i++)
            {
                     if(document.ViewPhotoForm.autophstop.value==0)
                     {
                              window.setTimeout("PhAutoPlayExe("+i+","+sec+")",i*1000);
                     }
                     else
                     {
                              break;
                     }
            }
      }
      function PhAutoPlayExe(num,sec){
            var t;
            if(document.ViewPhotoForm.autophstop.value==1)
            {
                     return "";
            }
            if(num==sec)
            {
                     t=NextPhPage();
                     if(t==false)
                     {
                              GotoPhPage(1);
                     }
                     PhAutoPlay();
            }
      }
      </script>
  <div class="gallery">
<form name="ViewPhotoForm" id="ViewPhotoForm" method="POST" action="">
<input name="thisphpage" type="hidden" value="1">
<div class="p_top">

　
<select name="tothephpage" onchange="GotoPhPage(this.options[this.selectedIndex].value)">
         [!--select--]
      </select>
</div>
<div class="p_left">
<input type="button" name="Submit" value="" onclick="PriPhPage();" class="priphpage">
</div>
<div id="showpagephoto" class="p_center"></a></a><br><span style='line-height=18pt'></span>
</div>
<div class="p_right">
<input type="button" name="Submit2" value="" onclick="NextPhPage();" class="nextphpage">
</div>
  </form>
  </div>
  <div class=blk_29>
  <div class=LeftBotton id=LeftArr></div>
<div class=Cont id=ISL_Cont_1>
<div class=pbox>[!--smalldh--]</div>
</div>
  <div class=RightBotton id=RightArr></div>
  </div>
  <SCRIPT language=javascript type=text/javascript>
<![CDATA[//><!]]>
</SCRIPT></div>
  </div>
</div>

《--华丽的分割线--》----------------------------------------------------------

列表内容模板(list.var) (*)
<a href='#kalaaa' onclick='NextPhPage();'><img src='[!--picurl--]' alt='[!--picname--]' border=1 class='photoresize'></a><br><span style='line-height=18pt'></span>

http://www.101gct.com/img/tpk/ScrollPic.js 直接打开我网站下载吧。。

内容模板直接用[eshowphoto]你的标签模板ID,0,0[/eshowphoto]调用它就行了

效果如下http://www.101gct.com/tupianzhongxin/xuefolan/keluzituku/2009-10-30/12.html