Question

我有这个样本：

HTML：

<div id="slider" class="home-blocks en-slide">
    <div id="left-slide">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/5_1.jpg" style="display: none;" id="full-banner">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/444_1.jpg" style="display: none;">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/25.jpg" style="display: inline;">
    </div>
    <div id="right-slide">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/17.jpg" style="display: none;">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/22.jpg" style="display: none;">
        <img alt="" src="http://www.moment-of-style.com/media/wysiwyg/1.jpg" style="display: inline;">
        <div>&nbsp;</div>
    </div>
</div>

CSS：

.home-blocks{
    margin:0 auto;
    height:740px;
    position:relative;
    overflow:hidden;
}

#left-slide{
    width:47.5%;
    float:left;
    overflow:hidden;
}

#right-slide{
    float:right;
    width:47.5%;
}

#right-slide img,#left-slide img{
    width:100%;
}

.full-banner{
    width:100% !important;
}

JQuery的：

if (jQuery('#slider').hasClass('en-slide')) {
    //For the first 2 images I want to add class full banner. The rest has to be as they are now.
}

我想先拍两张大照片。我想删除课程.left-slide并为前两张图片添加课程.full-banner。

我试过了，但遗憾的是没有发生他们想要的事情。

    jQuery('#left-slide').addClass('full-banner');
} else {
    jQuery('#left-slide').removeClass('full-banner');
}

我该如何解决这个问题？

Answer 1

使用string stringToSign = String.Format("GET\n" + "\n" // content md5 + "\n" // content type + "x-ms-date:" + dt.ToString("R") + "\nx-ms-version:2009-09-19\n" // headers + "/{0}/{1}\ncomp:list\nrestype:container", accountName, container);，您定位到包装器DIV。要定位#left-slide和#left-slide中的第一批图片并为其提供课程#right-slide，您应该这样做

full-banner

我希望我能正确理解这个问题。

如何将前两个图像放在一列和剩下的两列？

1 个答案: