小编use*_*028的帖子

我正在尝试为照片故事制作一个页面 - 它意味着水平滚动，但我也希望图像缩放到 100% 高度和自动宽度（因此无需裁剪）。水平滚动和100%高度/自动宽度没有问题。但我无法让图像保持适当的间距 - 它们不断重叠。请参阅： https: //i.stack.imgur.com/iAIXT.jpg

这可能吗？我已经在这方面工作了很多年了，但我已经没有什么想法了。

谢谢！

JS：

<script type="text/javascript" charset="utf-8">
    $(function(){
            $(".image").wrap("<td>");
    });
</script>   

CSS：

.image {
position:absolute;
width:auto;
height:100%;
}   

HTML：

<div id="page-wrap">
         <div class="image">
              <img src="images/Betty-001.jpg" id="image-contents" />  
         </div>

         <div class="image" style="margin-left:75%;">
               <img src="images/Betty-001.jpg" id="image-contents" />  
         </div>             
</div>

我正在尝试构建一个页面,其中包含Twitter搜索结果的滚动列表(使用twitter.search for jQuery).用户应该能够通过单击按钮更改搜索词(因此,单击"Apple"会将搜索词更改为"Apple".

我正在使用变量来设置搜索词.将该变量设置为文本字符串(即searchText ="Pineapple";)有效.但是当我尝试使用按钮更改变量时,没有任何反应.

//编辑 - 按钮似乎没有改变变量.思考？谢谢.

<script type="text/javascript">
//set default value for searchText
    searchText = "Pineapple";

//this sets up our Twitter stream
    $(document).ready(function() {

        $('#twitter-stream').twitterSearch({ 
        term: searchText, 
        // no fade 
        animOut: { opacity: 1 }, 
        avatar:  false, 
        anchors: false, 
        bird:    false, 
        colorExterior: 'white', 
        colorInterior: 'white', 
        pause:   true, 
        time:    false, 
        timeout: 2000 
        });
    });
</script>

<script type="text/javascript">
    $("#button-container").on("button", "click", function( e ) {
        searchText = $(this).text();
    });
</script>

<div id="twitter-stream" title="Mouse away to un-pause">
</div>

<div id="button-container">
<button class="button"> …