I am working on dynamic slick slider on mouse hover image will flip but the problem is that iwant image name and price that is also dynamic but name and price are coming in reverse order.code is working for all other functionalities rather than name it's comming but reverse order
protected void fillSlider()
{
cls_SliderMain objSlider = new cls_SliderMain(true);
objSlider.SelectAll("");
string strHtm = string.Empty;
string[] imagesFromPicFolder = Directory.GetFiles(Server.MapPath("~/images/pic/"));
string[] imagesFromDefaultFolder = Directory.GetFiles(Server.MapPath("~/images/default/"));
List<string> allimagesFromPicFolder = new List<string>();
foreach (string filePath in imagesFromPicFolder)
{
string imagefileName = Path.GetFileName(filePath);
allimagesFromPicFolder.Add(imagefileName);
}
List<string> allimagesFromDefaultFolder = new List<string>();
foreach (string filePath in imagesFromDefaultFolder)
{
string defaultfileName = Path.GetFileName(filePath);
allimagesFromDefaultFolder.Add(defaultfileName);
}
for (int i = 0; i < allimagesFromPicFolder.Count; i++)
{
strHtm += @"<div style='width: 300px; height: 300px;' id='DivNew" + i + @"'>
<div class='flip'>
<div class='front'>
<img id='image' alt='image' src='images/pic/" + allimagesFromPicFolder[i] + @"' />
<p>" + objSlider.Listcls_SliderMain[i].SliderName + @"</p>
<div>
<span style='padding:77px;margin-top:-81px; color:blue;text-align:center;padding-left:64px;'>" + objSlider.Listcls_SliderMain[i].Description + @"</span></div>
</div>
<div class='back'>
<img id='image' alt='default' src='images/default/" + allimagesFromDefaultFolder[i] + @"'/>
<p>" + objSlider.Listcls_SliderMain[i].SliderName + @"</p>
<div>
<span class='fa fa-inr' style='padding:77px;margin-top:-81px; color:blue;text-align:center;padding-left:64px;'>" + objSlider.Listcls_SliderMain[i].Description + @"</span></div>zq
</div>
</div></div>";
}
Slider3.InnerHtml = strHtm;
}
}