如何停止使用 jQuery Cycle Lite 代码截断肖像图像答案

【问题标题】：How to stop Portrait Images being truncated using jQuery Cycle Lite Code如何停止使用 jQuery Cycle Lite 代码截断肖像图像
【发布时间】：2011-04-14 05:09:44
【问题描述】：

我正在使用以下带有 Nextgen Gallery 和 JQuery Cycle Lite 插件的 Wordpress 3.1.1。我已经从http://jquery.malsup.com/cycle/lite/下载了最新版本的 Cycle Lite 插件

我遇到的问题是我使用的画廊中有一些肖像图像，虽然我有合适的设置，但它们被切掉而不是缩小。见http://www.rjt.org.uk/home/testlocation1

我正在使用 [jj-ngg-jquery-cycle html_id="about-cycle-lite" gallery="7" width="400" height="600" fit="0" center="1"] WordPress。

我怀疑问题出在以下部分，但不知道如何解决。

        $slides.each(function() {
        var $el = $(this);
        this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
        this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
    });

请提出建议。

【问题讨论】：

标签： javascript jquery wordpress

【解决方案1】：

您的示例页面有一个异常：jQuery("div#about-cycle-lite").jjcycle is not a function

我创建了一个working jsFiddle，但在您的示例中所有图像的大小都相同，没有更高的。

【讨论】：

谢谢你，但它扭曲了图像，关于如何保持纵横比的任何想法？
有一个循环分支增加了对github.com/malsup/cycle/pull/42的支持
感谢 Daniel，我会看看是否可以将该代码添加到我的副本中，并在今天晚些时候查看它是否可以解决问题。