Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > .NET Framework > Forum > เกียวกับการ Random background image จาก Folder ที่กำหนดไว้ ต้องเขียนโค้ดอย่างไรครับ

เกียวกับการ Random background image จาก Folder ที่กำหนดไว้ ต้องเขียนโค้ดอย่างไรครับ

เริ่มหัวข้อใหม่

Kong

โพสกระทู้ ( 204 )
บทความ ( 0 )

ขอเปิดด้วย Script ที่ได้เขียนไว้แล้วนะครับ

Code (JavaScript)

    var path = '/Content/img/Login-bg/';
    var bgArray = ['51090.jpg', '51093.jpg', '51112.jpg', '51119.jpg'];
    var bg = bgArray[Math.floor(Math.random() * bgArray.length)];
    var imageUrl = path + bg;
    $('body').css('background-image', 'url(' + imageUrl +')');

จากที่เขียนไว้คือกำหนดชื่อไฟล์สำหรับภาพพื้นหลังแล้ว

แต่สิ่งที่ต้องการคือ ให้ Random จากไฟล์ทั้งหมดที่อยู่ใน Folder ครับ
หากมีการเพิ่มรูปภาพเข้าไปใน Folder จะได้ไม่ต้องมาแก้ Script

script นี้เหมือนขาดแค่ เอาชื่อไฟล์ทั้งหมดใน Folder มาเก็บไว้ในตัวแปร bgArray แต่ผมคิดไม่ออกว่ามันต้องเขียนยังไง

ขอบคุณครับ

โค้ดเต็ม
Code (PHP)

@using System.Configuration
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>@ConfigurationManager.AppSettings["SiteTitle"]</title>
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @Styles.Render("~/Thema/gentelella-master/vendors/bootstrap/dist/css/bootstrap.min.css")
    @Styles.Render("~/Thema/gentelella-master/vendors/font-awesome/css/font-awesome.min.css")
    @Styles.Render("~/Content/Style.css")
</head>

<body class="login dp-flex flex-c">
    <script type="text/javascript">
        var path = '/Content/img/Login-bg/';
        var bgArray = ['51090.jpg', '51093.jpg', '51112.jpg', '51119.jpg'];
        var bg = bgArray[Math.floor(Math.random() * bgArray.length)];
        var imageUrl = path + bg;
        $('body').css('background-image', 'url(' + imageUrl +')');
    </script>
    @RenderBody()
    @RenderSection("scripts", required: false)
</body>
</html>

Tag : .NET, HTML, CSS, HTML5, JavaScript, Web (ASP.NET)

ประวัติการแก้ไข
2019-11-18 14:08:22

Date : 2019-11-18 12:41:16

By : Pla2todkrob

View : 910

Reply : 2

No. 1

Guest

getFiles to Array

Date : 2019-11-18 16:07:05

By : T

No. 2

Kong

โพสกระทู้ ( 204 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : T เมื่อวันที่ 2019-11-18 16:07:05

รายละเอียดของการตอบ ::

เปลี่ยนค่าตัวแปรเป็นแบบนี้หรอครับ

Code (JavaScript)

var bgArray = Directory.GetFiles(path);

Date : 2019-11-18 16:46:22

By : Pla2todkrob

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : เกียวกับการ Random background image จาก Folder ที่กำหนดไว้ ต้องเขียนโค้ดอย่างไรครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05