Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑问] 要将首页幻灯片图片调整为大尺寸的

[复制链接]
竹林寒露 发表于 2011-4-2 14:25:54 | 显示全部楼层 |阅读模式
我想将首页的幻灯片图片调整为大尺寸的,修改如下:
1、css增加
/* focus turn index 增加幻灯片修改 开始 */
#focus_turn_index { position:relative; height:315px; margin-bottom:10px; border:1px solid #D8D8D8; background:url(../images/focus_turn_bg.gif) repeat-x; }
#focus_pic_index { margin:12px 0 0 12px!important;  margin:11px 0 0 12px; }
  #focus_pic_index li img { width:930px; height:260px; padding:1px; border:1px solid #D8D8D8; background:#FFF; }
  #focus_pic_index .normal { display:none; }
  #focus_pic_index .current { display:block; }
#focus_btn_index { position:absolute; right:14px; bottom:41px; border-left:1px solid #D8D8D8; }
  #focus_btn_index span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
  #focus_btn_index .normal { background:#FFF; color:#1A4963; }
  #focus_btn_index .current { background:#1A4963; color:#FFF; }
#focus_tx_index { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
  #focus_tx_index .normal { display:none; }
  #focus_tx_index .current { display:block; }
#focus_opacity_index {  position:absolute; left:14px; bottom:41px; width:930px; height:24px; background:#FFF; opacity:0.4; filter:alpha(opacity=40); }

.column_index { width:960px; overflow:hidden; margin:0 auto 10px; }
.col1_index { float:left; width:960px; overflow:hidden; }
.col2_index { float:right; width:250px; }
.col3_index { float:left; width:960px; overflow:hidden; }
.col4_index { float:right; width:310px; overflow:hidden; }
/* focus turn index 增加幻灯片修改 结束 */

2、index修改为
<div class="column_index">
<div class="col1_index">
  <div class="col3_index">
  <!--{block name="spacenews" parameter="haveattach/2/order/i.dateline DESC/limit/0,4/cachetime/83400/subjectlen/40/subjectdot/0/cachename/hotnewspic"}-->
  <div id="focus_turn_index">
   <!--{if !empty($_SBLOCK['hotnewspic'])}-->
   <ul id="focus_pic_index">
    <!--{eval $j = 0}-->
    <!--{loop $_SBLOCK['hotnewspic'] $pkey $pvalue}-->
    <!--{eval $pcurrent = ($j == 0 ? 'current' : 'normal');}-->
    <li class="$pcurrent"><a href="$pvalue[url]"><img src="$pvalue['a_filepath']" alt="" /></a></li>
    <!--{eval $j++}-->
    <!--{/loop}-->
   </ul>
   <ul id="focus_tx_index">
    <!--{eval $i = 0}-->
    <!--{loop $_SBLOCK['hotnewspic'] $key $value}-->
    <!--{eval $current = ($i == 0 ? 'current' : 'normal');}-->
    <li class="$current"><a href="$value[url]" title="$value[subjectall]">$value[subject]</a></li>
    <!--{eval $i++}-->
    <!--{/loop}-->
   </ul>
   <div id="focus_opacity_index"></div>
   <!--{/if}-->
  </div><!--focus_turn end-->
  <!--{block name="spacenews" parameter="order/i.viewnum DESC/limit/0,17/cachetime/86900/subjectlen/40/subjectdot/0/showdetail/1/messagelen/100/messagedot/1/cachename/hotnews"}-->
  <!--{if !empty($_SBLOCK['hotnews'])}-->
  <!--{eval $hotnews = @array_slice($_SBLOCK['hotnews'], 0, 5)}-->
  <!--{/if}-->
  </div><!--col3 end-->
</div><!--col1 end-->
</div><!--column end-->

结果:图片没有幻灯片播放,也没有页码显示。
请给予指点,谢谢!!

 楼主| 竹林寒露 发表于 2011-4-2 23:50:35 | 显示全部楼层
本帖最后由 竹林寒露 于 2011-4-2 23:54 编辑

我将原有的css文件
        /* focus turn */
#focus_turn { position:relative; height:315px; margin-bottom:10px; border:1px solid #D8D8D8; background:url(../images/focus_turn_bg.gif) repeat-x; }
        #focus_pic { margin:12px 0 0 12px!important;  margin:11px 0 0 12px; }
                #focus_pic li img { width:930px; height:260px; padding:1px; border:1px solid #D8D8D8; background:#FFF; }
                #focus_pic .normal { display:none; }
                #focus_pic .current { display:block; }
        #focus_btn { position:absolute; right:14px; bottom:41px; border-left:1px solid #D8D8D8; }
                #focus_btn span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
                #focus_btn .normal { background:#FFF; color:#1A4963; }
                #focus_btn .current { background:#1A4963; color:#FFF; }
        #focus_tx { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
                #focus_tx .normal { display:none; }
                #focus_tx .current { display:block; }
        #focus_opacity {  position:absolute; left:14px; bottom:41px; width:930px; height:24px; background:#FFF; opacity:0.4; filter:alpha(opacity=40); }

改为
        /* focus turn index 增加幻灯片修改 开始 */
#focus_turn_index { position:relative; height:315px; margin-bottom:10px; border:1px solid #D8D8D8; background:#FFFFFF; }
        #focus_pic_index { margin:12px 0 0 12px!important;  margin:11px 0 0 12px; }
                #focus_pic_index li img { width:930px; height:260px; padding:1px; border:1px solid #D8D8D8; background:#FFF; }
                #focus_pic_index .normal { display:none; }
                #focus_pic_index .current { display:block; }
        #focus_btn_index  { position:absolute; right:14px; bottom:41px; border-left:1px solid #D8D8D8; }
                #focus_btn_index  span { display:block; float:left; overflow:hidden; width:22px; height:22px; margin:0 0 0 -1px; border:1px solid #D8D8D8; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:700; line-height:22px; cursor:pointer; }
                #focus_btn_index  .normal { background:#FFF; color:#1A4963; }
                #focus_btn_index  .current { background:#1A4963; color:#FFF; }
        #focus_tx_index  { height:20px; overflow:hidden; margin:5px 0 0 12px; font-size:14px; line-height:20px; }
                #focus_tx_index  .normal { display:none; }
                #focus_tx_index  .current { display:block; }
        #focus_opacity_index {  position:absolute; left:14px; bottom:41px; width:930px; height:24px; background:#FFF; opacity:0.4; filter:alpha(opacity=40); }


模板中<div id="focus_turn">改为<div id="focus_turn_index ">

就只显示一张图片了,
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-26 12:27 , Processed in 0.020393 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表