我目前有以下图片列表:
<div id='images'>
<img src="images/placeholders/ph.jpeg" alt="Content missing"/>
<img src="images/placeholders/ph1.jpg" alt="Content missing"/>
<img src="images/placeholders/ph2.jpg" alt="Content missing"/>
<img src="images/placeholders/ph3.jpg" alt="Content missing"/>
</div>
Run Code Online (Sandbox Code Playgroud)
这些图像循环并放置在彼此的顶部,淡入和淡出.图像具有固定的高度,但是具有可变的宽度.该宽度在左侧和右侧可变.
例如bannerimage:http://i.imgur.com/6zrWBD9.jpg
在缩放浏览器窗口后我想要的是:http: //i.imgur.com/figgCuJ.jpg
高度是固定的,在浏览器窗口缩放期间,两侧都被切断了相等的量.我希望有人能帮助我解决这个问题.我不知道用什么代码来调整我想要它的方式.
提前致谢!
我的类和存储库的结构:
public class Group{
//fields
}
public class User{
public UserRole Role {get;set;}
}
public abstract class UserRole{
//fields
}
public class PersonUserRole:UserRole{
public Group Group {get;set;}
}
public class ManagerUserRole:UserRole{
public IList<Group> Groups {get;set;}
}
Run Code Online (Sandbox Code Playgroud)
我遇到问题的示例:
public class UserRepository:IUserRepository{
private readonly ApplicationDbContext _dbContext;
private readonly DbSet<User> _users;
public UserRepository(ApplicationDbContext dbcontext)
{
_dbContext = dbcontext;
_users = _dbContext.DomainUsers;
}
public User GetBy(int id)
{
User type = _users.Include(u => u.Role)
.SingleOrDefault(c => c.UserId == id);
if (typeof(PersonUserRole) == type.Role.GetType())
{ …Run Code Online (Sandbox Code Playgroud)