0

詹姆斯在这里。我正在处理一个处理帖子的项目（实际上两个项目都需要相同的代码），除了内容始终是用户屏幕的 100%，并使用 jquery 来划分宽度以使相同数量的列没有不管屏幕分辨率是多少。但是，我在视频帖子方面遇到了麻烦。如果有人可以帮助我编写（或编写，那会更有帮助）一个强制默认 500px 视频到帖子宽度的脚本？我用来划分帖子的脚本如下。任何答案都会有所帮助。哦，我遇到了这个问题，因为它已经快一周了，我还没有收到工作脚本。

    var container = function(){
    var posts = $(document).width() - 40;
    var entry = (posts - 200) / 5;
    $("#posts").css("width", posts);
    $(".entry").css("width", entry);
    $("img.photo").css("width", entry - 22);
}

container();

我正在做这个的网站是http://jamestestblog5.tumblr.com 感谢任何可以提供帮助的人，这真的很困扰我！

4

1 回答 1

1

您好，请在此处查看演示：http : //jsfiddle.net/ytcAk/

单击“增长”按钮时，您可以阅读逻辑。

从旧解决方案分叉。:) （如果这是您要找的，请告诉我，如果不是，我将删除此帖子）

jQuery代码

function increaseVideoSize() {
    var columnWidth = 450; // width of your content column - any
    var defaultVideoWidth = 400; // theme tag width - 400,500
    var increaseRatio = columnWidth/defaultVideoWidth;
    $(".video-post").each(function() {
        var iframe = $("iframe", this);
        if(iframe.length>0) {
            var currHeight = iframe.height();
            var newHeight = currHeight * increaseRatio;
            iframe.height(newHeight).width(columnWidth);
        } else {
            var object = $("object", this);
            var embed = $("embed", object);
            var currHeight = object.attr('height');
            var newHeight = currHeight * increaseRatio;
            object.width(columnWidth).attr('height', newHeight);
            embed.width(columnWidth).attr('height', newHeight);
        };
    });
};​
于 2012-04-20T20:58:45.407 回答