Question

我不是一个mootools教授，所以我认为对于一个有更多经验的人来说，我的小问题的解决方案非常简单。

我有一个简单的Image galery，带有一个方形图像，用于“大”Imagepreview。它使用5张图像。要设置的图像ID来自旋转木马。在这一刻（简而言之）看起来像这样：

<script type="text/javascript">
function slide(pic_thumb) {
// Galerie Slides
        var pic = pic_thumb;
        myFx = new Fx.Scroll('gallery');
        myFx.toElement('medium_slice_image_'+(pic));
}

    <div id="gallery" style="overflow:hidden;position:relative;z-index:2;">
            <table cellpadding="0" cellspacing="0">
                <tr>
                        <td style="vertical-align:middle; text-align: center;">
                            <a id="link_0" href=""><img id="medium_slice_image_0" src=""></a>
                        </td>
                        <td style="vertical-align:middle; text-align: center;">
                            <a id="link_1" href=""><img id="medium_slice_image_1" src=""></a>
                        </td>
                </tr>
            </table>
        </div>

        .....

        <div id='thumb_{$counter}' style="width:81px;height:48px;float:left;margin-top:1px;margin-left:7px;" onclick="slide({$counter})">

直到现在我用于大图像预览平方图像，但我更喜欢使用原始图像进行预览，保持原始宽高比，以便宽幅图像例如是垂直居中。

我的问题是，fx.scroll使用图像大小作为滚动点。这样两个较小的图像（150x150像素）将在预览窗口中直接显示（300x300像素）。

我不知道如何解决这个问题，以便每个图像使用完全300x300像素的大小进行滚动，即使它更小也更集中。

请帮帮我。谢谢

mootools Fx.scroll与居中的图像

0 个答案: