6,584
回編集
差分
編集の要約なし
<style media="screen" type="text/css">
#container{width:100%; position:relative;border:0px solid #333;overflow:hidden;border-color:#128ED0; margin:0 auto;}
.trans_image_box trans_image1_box1 {
width:100%; /*注意这里是根据图片总长度来确定的，如果小于图片总长度，会出现轮放空白的情况！*/
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.trans_image trans_image1 {
width:<!--{$gatyaa}-->; /*这些根据需求可自定义*/
float: left;
#navbuttons .on{background:rgba(236,105,53,1);}
.arrowarrow1{cursor:pointer; display:none; line-height:39px; text-align:center; font-size:36px;font-weight:bold; width:40px; height:40px; position:absolute; z-index:2;top:45%;background-color: RGBA(0,0,0,.3); color:#fff;} .arrowarrow1:hover{background-color:RGBA(0,0,0,.7);} #container:hover .arrowarrow1{display:block;}
#prev{left:20px;}
#next{right:20px;}
<div id="container">
<div style="width:<!--{$gatyab}-->;overflow:hidden">
<p id="transImageBox" class="trans_image_boxtrans_image1_box1"> <a href="/anwiki/index.php?title=<!--{$link1}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya1}-->" /></a> <!--{if ($gatya)>1}--><a href="/anwiki/index.php?title=<!--{$link2}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya2}-->" /></a><!--{/if}--> <!--{if ($gatya)>2}--><a href="/anwiki/index.php?title=<!--{$link3}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya3}-->" /></a><!--{/if}--> <!--{if ($gatya)>3}--><a href="/anwiki/index.php?title=<!--{$link4}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya4}-->" /></a><!--{/if}--> <!--{if ($gatya)>4}--><a href="/anwiki/index.php?title=<!--{$link5}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya5}-->" /></a><!--{/if}--> <!--{if ($gatya)>5}--><a href="/anwiki/index.php?title=<!--{$link6}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya6}-->" /></a><!--{/if}--> <!--{if ($gatya)>6}--><a href="/anwiki/index.php?title=<!--{$link7}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya7}-->" /></a><!--{/if}--> <!--{if ($gatya)>7}--><a href="/anwiki/index.php?title=<!--{$link8}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya8}-->" /></a><!--{/if}--> <!--{if ($gatya)>8}--><a href="/anwiki/index.php?title=<!--{$link9}-->"><img class="trans_imagetrans_image1" src="<!--{$gatya9}-->" /></a><!--{/if}-->
</p>
</div>
<!--{if ($gatya)>8}--><span name="n1" index="9" onclick="jump('9')" class=""></span><!--{/if}-->
</div>
<a class="arrowarrow1" id="prev" onclick="prevv()"><</a> <a class="arrowarrow1" id="next" onclick="nextt()">></a>
</div>
<p id="transImageBox" class="trans_image_boxtrans_image1_box1">
<img style="width:100px" name="n1" index="1" onclick="jump('1')" class=""src="<!--{$gatya1}-->" />
<!--{if ($gatya)>1}--><img style="width:100px" name="n1" index="2" onclick="jump('2')" class="" src="<!--{$gatya2}-->" /><!--{/if}-->
