2012-11-08 25 views
0

我试图做一个div,我打电话给发布缩略图,以识别flexcroll,但它不工作。它适用于文本,但不能以这种方式:如何使flexcroll与WordPress的后期缩略图一起工作?

<div class="post"> 
<?php query_posts('p=77'); 
while (have_posts()) : the_post();?> 
<div id="contcell" class="flexcroll"> 
<div id="thumb" ><?php echo get_the_post_thumbnail($post->ID, 'full'); ?></div></div> 
<?php endwhile; ?> 
<?php wp_reset_query(); ?> 
</div> 

而这些都是相关的CSS:

#contcell {width:1116px; height:300px; overflow:auto;} 
.thumb {width:1116px; height:768px;} 

如果我禁用flexcroll类,浏览器默认的滚动条的作品。 任何想法? Thx提前。

回答

0

解决了它。这不是在flexcroll div中加载什么内容,而是清除其内容的浮动。发现它在flexcroll用户指南例子:

<div id='mycustomscroll' class='flexcroll'> 

<img src="mypicture.jpg" width="100" height="100" class="floated" /> 

<img src="mypicture.jpg" width="100" height="100" class="floated" /> 

<img src="mypicture.jpg" width="100" height="100" class="floated" /> 

<img src="mypicture.jpg" width="100" height="100" class="floated" /> 

<!-- we clear our floats using the following div, check out the CSS for it--> 

<div class="clearfloat"></div> 

</div> 

而CSS:

.clearfloat { 
clear:both; height:0px; 
line-height:0px; visibility: hidden; 
} 

这是所有的代码下载文件夹内。不知道我是否可以在这里直接链接,但很容易找到它。希望它能帮助别人。