تصميم صفحة لعرض الصور بطريقة جميلة وابداعية

السلام عليكم

لدينا خدمة في الموقع تقوم بتجميع الصور وجمعها وعرضها بطريقة معينه في صفحة.

هذه الصفحة نقوم بعرضها من خلال web view في تطبيقنا على الـ ios و الاندرويد.

للايضاح هذه الصور هي عبارة عن بروشورات ونقوم بتجميعها وعرضها حاليا بشكل طولي حيث يسهل تصفحها من قبل المستخدمين.

نبحث حاليا عن طريقة افضل لعرض هذه الصور بحيث يكون طريقة العرض أجمل وأسهل للمستخدمين.

حالياُ هذا الكود المستخدم لجمع الصور وعرضها كاتش تي ام ال لدينا.

private static string ImagesToHTML(string[] imagesPathes, string HTMLPathToSave)

{

if (imagesPathes != null && imagesPathes.Count() > 0)

{

string divOpenTag = @"<div id=""images"" style=""width: 98%;"">";

string finalHTML = divOpenTag;

foreach (string imagePath in imagesPathes)

{

string imageStandardPath = Standard.UploadPath + "/" + imagePath.Substring(imagePath.IndexOf("upload"));

finalHTML += string.Format(@"{0}<img style=""margin:auto;width:95%;display:block;"" src=""{1}""/>

</a>", Environment.NewLine, imageStandardPath);

}

string divCloseTag = "</div>";

finalHTML += Environment.NewLine + divCloseTag;

File.WriteAllText(HTMLPathToSave,finalHTML);

return HTMLPathToSave;

}

return null;

}

وهذا رابط لنتيجة العرض الحالية:

http://feeedz.com/upload/...

نريد التالي:

- تعديل الكود أعلاه لانتاج صفحة تظهر الصور بطريقة سهلة للمستخدمين ويكون فيها نوعا ما animation وايضا ان يبدا التحميل للصور من الاعلى للاسفل