Question

如果你看一下我下面的URL,看上去可能无法真正迅速的联系。您注意到了上层的梯子,把每个个体的滑坡装在垂直清单中(带上约1 000帕x空间),然后推敲它本应做些什么——这同标准梯子一样;在某个时候显示和消化一个滑坡。

是否有任何人就如何使我的梯子能够正确装载提出建议?

Livesite at >>

纽约总部由于有点人,我想,我需要找到一个能够隐藏幻灯片的文字,直到电梯/页面在提交之前完全装满。

<><>><>Relevant j Query:<>>>>

<script type="text/javascript">

jQuery(document).ready(function($){
    $("#photo-rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000);
});

</script>

<>Relevant Mark-Up:<>>>。

<!-- Top of Page Slider FRAGILE -->

<div style="min-height: 280px;">

<div id="photo-rotator" style="">
<?php $slide_id=1; ?>
<?php
 $featuredPosts = new WP_Query();
 $featuredPosts->query("showposts=3");
 while ($featuredPosts->have_posts()) : $featuredPosts->the_post();
 ?>

    <div id="slide-<?php echo $slide_id; $slide_id++;?>">
     <a href="<?php the_permalink() ?>" class="post-image">
         <?php the_post_thumbnail(  rotator-post-image  ); ?>
         <span class="title" style="font-style:italic; color:#999;"><?php the_title(); ?></span>
     </a>
     </div>

    <?php endwhile; ?><!--/close loop-->

    <ul id="slide-nav">
        <?php $nav_id=1; ?>
        <?php while ($featuredPosts->have_posts()) : $featuredPosts->the_post(); ?>
            <li>
                <a href="#slide-<?php echo $nav_id; ?>">
                    <span class="thumbnail" style="display:none;">
                    </span>
                    <p style="color:#F93; font-family:Georgia,  Times New Roman , Times, serif; font-size: 18px;"><? the_title(); $nav_id++;?></p>

                    <div style="">

                    <!--<?php the_excerpt(); ?>-->

                    <?php if($text= get_post_meta($post->ID, "slidetext", true)) { ?>
                         <div class="">

                         <p style="font-weight: normal; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><?php echo $text; ?></p> 

                         </div>
                        <?php } //else { print"<div>"; } ?>  

                    </div>   

                </a>
            </li>
        <?php endwhile; ?><!--/close loop-->
        </ul>
        </div>

</div>        

<!-- End Top page Slider FRAGILE -->

Answer 1

你的法典是一线大事,问题无助于你的问题,但与你的问题有关:

ou d 注意上层的梯度,在绘制垂直清单(约1 000px空间)之前,将每一方的滑坡装入一个垂直清单。

请wrap the all slider content with a div and given overflow:hidden; to prevent the high of +/-1000px on the pageload:

<>CSS

#photo-rotatorWrapper { width: 960px; height: 400px; margin: 0 auto; overflow: hidden; }

<><><><>>><>>>>><>>>>>>>

<div id="photo-rotatorWrapper"> <div id="photo-rotator"> ... </div> </div>

Note: You may need to set other CSS declarations for that wrapper in order to stay positioned correctly within your current HTML structure.

友情链接