Forgot Password ??

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

	Registered : 109,037

HOME > Client Script Forum > ต้องการเรียกรูป 1-500 โดยใช้ javascript ทำไง ครับ(มีตัวอย่างด้านใน)

ต้องการเรียกรูป 1-500 โดยใช้ javascript ทำไง ครับ(มีตัวอย่างด้านใน)

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

win

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

Code

<div id="magazine">
        <div style="background-image:url(pages/0001.jpg);"></div>
        <div style="background-image:url(pages/0002.jpg);"></div>
        <div style="background-image:url(pages/0003.jpg);"></div>
        <div style="background-image:url(pages/0004.jpg);"></div>
        <div style="background-image:url(pages/0005.jpg);"></div>
        .....................
         <div style="background-image:url(pages/0500.jpg);"></div>

</div>

จะเขียน เป็น javascript ยังไง ช่วยที

Tag : JSP

Date : 2013-04-03 10:07:41

By : thewinner55

View : 1133

Reply : 3

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ไม่ทำที่ php หรือ server script แทนครับ แค่แทรก Loop น่ะครับ

Date : 2013-04-05 09:24:39

By : mr.win

No. 2

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ถ้า JavaScript น่าจะประมาณนี้ครับ

Code (JavaScript)

    <script language="javascript" type="text/javascript">
	for(i=1;i<=500;i++)
	{
		 div = document.getElementById("div"+i);
		 div.style.backgroundImage = "url(images/"+i+".gif)";
	}
    </script>

แต่จะต้องมี id ของ div จาก 1-500 ครับ

Date : 2013-04-05 09:27:26

By : mr.win

No. 3

itpcc

โพสกระทู้ ( 1,569 )
บทความ ( 2 )

ลุงว่าใช้ jQuery นะครุฒ แหม่
Code (JavaScript)

var html = '';
for(i=1;i<=500;i++){
    html += '<div style="background-image:url(pages/';.
    if(i<10) html += '0';
    if(i<100) html += '0';
    if(i<1000) html += '0';
    html += i;
    html +='.jpg);"></div>';
}

$("#magazine").html(html);

นะครุฒ แหม่ แหม่ แหม่

ประวัติการแก้ไข
2013-04-20 10:34:37
2013-04-20 10:35:02

Date : 2013-04-20 10:34:17

By : itpcc

ค้นหาข้อมูล

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

Re : ต้องการเรียกรูป 1-500 โดยใช้ javascript ทำไง ครับ(มีตัวอย่างด้านใน)

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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