首页 \ 问答 \ 多个随机图像旋转实例(Multiple instances of random image rotation)

多个随机图像旋转实例(Multiple instances of random image rotation)

 我正在努力研究如何使用id =“cover__thumb”的所有图像实例在预定义图像中随机旋转。  
 目前只有第一个id =“cover__thumbs”会旋转，它对具有相同id的其他图像没有影响。  
 不会总是有4张图片，有时甚至更少。 是否有适用于具有此ID的任何图像的解决方案？  
 小提琴  
 https://jsfiddle.net/bpLdkhg0/  
 JS  
function rotateImages()
{
    var thumbImages = new Array( );

    thumbImages[0] = "https://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg";
    thumbImages[1] = "http://cdn.images.express.co.uk/img/dynamic/13/590x/magnolia-tree-630524.jpg";
    thumbImages[2] = "http://cdn.images.express.co.uk/img/dynamic/109/590x/Oak-tree-580618.jpg";

    var image = document.getElementById('thumb__cover');
    var randomImageIndex = Math.floor( Math.random( ) * thumbImages.length );
    image.src = thumbImages[randomImageIndex];
}
window.setInterval(rotateImages, 1000);
 
 HTML  
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">

I am struggling to work out how to make all instances of images with the id="cover__thumb" rotate randomly through the predefined images. 
Currently only the first id="cover__thumbs" will rotate, it has no affect on the other images with the same id. 
There won't always be 4 images, sometimes more sometimes less. Is there a solution that works for any image with the this id? 
Fiddle 
https://jsfiddle.net/bpLdkhg0/ 
JS 
function rotateImages()
{
    var thumbImages = new Array( );

    thumbImages[0] = "https://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg";
    thumbImages[1] = "http://cdn.images.express.co.uk/img/dynamic/13/590x/magnolia-tree-630524.jpg";
    thumbImages[2] = "http://cdn.images.express.co.uk/img/dynamic/109/590x/Oak-tree-580618.jpg";

    var image = document.getElementById('thumb__cover');
    var randomImageIndex = Math.floor( Math.random( ) * thumbImages.length );
    image.src = thumbImages[randomImageIndex];
}
window.setInterval(rotateImages, 1000);
 
HTML  
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">
<img id="thumb__cover" src="http://pic.1fotonin.com//data/wallpapers/121/WDF_1633007.jpg" style="width:150px;">

原文：https://stackoverflow.com/questions/37014145

更新时间：2022-09-10 19:09

最满意答案

 你需要ProjectUsing：  
Mapper.CreateMap<BaseWMeta, MetaDuomenys>()
    .ProjectUsing(p =>
            new MetaDuomenys
            {
                ArPanaikintas = p.SecLevel == null ? (bool?)null : p.SecLevel == 2 ? true : false,
                PakeitimuData = p.PakeitimuData
            });
 
 ProjectUsing就像ConvertUsing （使用Func定义两种类型之间的映射），除了你获得一个Expression而不是一个Func。 每当AutoMapper找到自定义投影的源/目标类型时，此表达式就会传递到选择投影。  
 配置的其余部分是：  
Mapper.CreateMap<DbModel.Kabinetas, Kabinetas>()
    .ForMember(n => n.Numeris, m => m.MapFrom(f => f.Numeris ?? ""));
Mapper.CreateMap<DbModel.Specialybe, Specialybe>()
    .ForMember(i => i.Istaigos, y => y.Ignore());

You need ProjectUsing: 
Mapper.CreateMap<BaseWMeta, MetaDuomenys>()
    .ProjectUsing(p =>
            new MetaDuomenys
            {
                ArPanaikintas = p.SecLevel == null ? (bool?)null : p.SecLevel == 2 ? true : false,
                PakeitimuData = p.PakeitimuData
            });
 
ProjectUsing is like ConvertUsing (defining the mapping between 2 types w/ a Func) except you get an Expression instead just a Func. This Expression is then passed to the Select projection any time AutoMapper finds the source/destination types for a custom projection. 
The rest of your config is: 
Mapper.CreateMap<DbModel.Kabinetas, Kabinetas>()
    .ForMember(n => n.Numeris, m => m.MapFrom(f => f.Numeris ?? ""));
Mapper.CreateMap<DbModel.Specialybe, Specialybe>()
    .ForMember(i => i.Istaigos, y => y.Ignore());

多个随机图像旋转实例(Multiple instances of random image rotation)

最满意答案

相关问答

指定映射表达式 - 以便它可以与LINQ EF和Projection一起使用(Specify mapping expression - so that it works with LINQ EF and Projection)[2023-08-20]

我如何将Linq中的多个重构Select表达式（对于EF或SQL）？(How can I combine multiple refactored Select expressions in Linq (to EF or SQL)?)[2022-04-04]

使用Linq投影中的方法(using methods within Linq projection)[2023-03-02]

使用EF Core嵌套选择投影与linq中的索引(nested select projection with index in linq using EF Core)[2022-07-31]

URI中指定的查询无效+ Projection + LINQ Select(The query specified in the URI is not valid + Projection + LINQ Select)[2022-05-06]

帮助LINQ Projection(Help with LINQ Projection)[2023-07-22]

LINQ to SQL Projection：Func vs Inline(LINQ to SQL Projection: Func vs Inline)[2022-01-24]

EF4包括（）投影(EF4 Include() with Projection)[2022-02-20]

在Entity Framework中使用扩展方法进行投影(Use an extension method for a projection in Entity Framework)[2022-05-08]

LINQ包含和Projection(LINQ include and Projection)[2021-11-23]

相关文章

最新问答