1

背景： 为什么在这个例子中图像高度变得如此之大？ 即使我从问题中应用了修复程序，问题仍然出现： 在此处输入图像描述

您认为问题出在表示层还是服务器端？我想我可以解决这个问题，但是有很多组件，并且可能有一个超级简单的解决方案，它似乎只是将图像高度设置为，auto但它似乎不起作用。你能建议采取什么措施吗？HTML是

<!-- Main Images -->
    <div class="item_image" style="height:auto">


            <div class="item_arrow_left" style="height: 428px">
            <i class="sprite_vi_arrow_left" style="margin-top: 200px"></i>
        </div>
        <div class="image_container">

    <img src="http://lh5.ggpht.com/v9WiErUPsBsOtHk9cKnA_ag3glBmZ9QG1D0wGC0DrUCgAJmyasVGt6njzCK2yUX4YjVa8TTeP8h8EmuCXlEgltt0R5g=s640" id="main_image_0" alt="Premium Food United Kingdom"Waleed Babar Khan" title="Click for next image">

    <img src="http://lh5.ggpht.com/v9WiErUPsBsOtHk9cKnA_ag3glBmZ9QG1D0wGC0DrUCgAJmyasVGt6njzCK2yUX4YjVa8TTeP8h8EmuCXlEgltt0R5g" class="hidden" id="main_image_1" alt="Premium Food United Kingdom"Waleed Babar Khan" class="thumb_image_single" title="Click for next image">


    <img src="http://lh4.ggpht.com/Y2IUX7VAMmxVGlf2B-3Y3TlKZ_GqgpqIX6HpyYDp3dwrI9N3Lf3QZrjGHEKhVybMxn6ke5xLVjkwBkg1frdJihxt" class="hidden" id="main_image_2" alt="Premium Food United Kingdom"Waleed Babar Khan" class="thumb_image_single" title="Click for next image">


    <img src="http://lh5.ggpht.com/CyuBJ4J3-CzndvoJ3q59tz29LLbME9awV4xMuiFVOm6FedTlt-uEzFBnQ5hWrPpbUagtdticpeuyxVhH_T2duiev2Q" class="hidden" id="main_image_3" alt="Premium Food United Kingdom"Waleed Babar Khan" class="thumb_image_single" title="Click for next image">



        </div>
        <div class="item_arrow_right" style="height: 428px">
            <i class="sprite_vi_arrow_right" style="margin-top: 200px"></i>
        </div>


    </div>


    <!-- Image Thumbnails -->
        <div class="item_img">
            <ul class="inlined"><!--
                <li><img src="http://lh5.ggpht.com/v9WiErUPsBsOtHk9cKnA_ag3glBmZ9QG1D0wGC0DrUCgAJmyasVGt6njzCK2yUX4YjVa8TTeP8h8EmuCXlEgltt0R5g=s120" alt="Premium Food United Kingdom"Waleed Babar Khan" id="thumb_image_0" class="current  hoverable thumb_image"></li>-->

                <li><img  src="http://lh5.ggpht.com/v9WiErUPsBsOtHk9cKnA_ag3glBmZ9QG1D0wGC0DrUCgAJmyasVGt6njzCK2yUX4YjVa8TTeP8h8EmuCXlEgltt0R5g=s120" alt="Premium Food United Kingdom"Waleed Babar Khan" id="thumb_image_1"  class=" hoverable thumb_image"></li>

                <li><img  src="http://lh4.ggpht.com/Y2IUX7VAMmxVGlf2B-3Y3TlKZ_GqgpqIX6HpyYDp3dwrI9N3Lf3QZrjGHEKhVybMxn6ke5xLVjkwBkg1frdJihxt=s120" alt="Premium Food United Kingdom"Waleed Babar Khan" id="thumb_image_2"  class=" hoverable thumb_image"></li>

                <li><img  src="http://lh5.ggpht.com/CyuBJ4J3-CzndvoJ3q59tz29LLbME9awV4xMuiFVOm6FedTlt-uEzFBnQ5hWrPpbUagtdticpeuyxVhH_T2duiev2Q=s120" alt="Premium Food United Kingdom"Waleed Babar Khan" id="thumb_image_3"  class=" hoverable thumb_image"></li>

            </ul>
        </div>

该示例的实时视图是here，并且它最常见的工作示例是here。

4

1 回答 1

1

您item_arrow_left并item_arrow_right从某些脚本中获取内联高度，为什么它会获得该高度图像具有正确的高度

这个脚本行可以帮助你

$('[class^="item_arrow_"]').css('height','auto');
于 2013-07-02T10:07:52.767 回答