ต่อไป »

[NongHong]

อยากทราบว่า เขียนโค๊ดภาพสไลด์ 2 สไลด์ ในหน้าเพจเดียวกันได้มั้ยค่ะ
พอดีว่าไม่เก่งโค๊ดค่ะ ลองทำหลายครั้งแล้วแต่ก็ได้แค่สไลด์เดียว
 

[vanavat]

ได้สิครับ ต้องเขียนตัวแปร 2 ตัว คนละชื่อกัน

[max30012540]

ได้ครับ ลองโพสสคริปมาดูครับ
แต่ว่า สคริปสไลด์ส่วนใหญ่ จะใช้ id เป็นตัวอ้างอิง ลองเปลี่ยน id แล้วแก้โค้ดให้ id ตรงกันด้วยครับ (แต่ทั้ง 2 สไลด์ id ต้องไม่ตรงกันนะครับ)

[kongpair]

กี่อันก็ได้

[gubaaball]

 ใช้ id หรือคลาสต่างกันก้ได้ล่ะคับ

[NongHong]

คือว่า ลองแก้แล้วแต่ก็ยังเหมือนเดิม
ไม่ทราบว่ามีโค๊ดแบบง่ายๆ มาแนะนำมั้ยค่ะ 

[yimdesign]

คือว่า ลองแก้แล้วแต่ก็ยังเหมือนเดิม
ไม่ทราบว่ามีโค๊ดแบบง่ายๆ มาแนะนำมั้ยค่ะ 

ลองอาโค้ดที่ทำมาดูก่อนก็ดีครับ จะได้ปรับแต่งให้ถูก

[NongHong]

โค๊ด:

<link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<div id="wrapper">
         <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="image/01.png" data-thumb="image/01.png" />
				<img src="image/02.png" data-thumb="image/02.png" />
				<img src="image/03.png" data-thumb="image/03.png" />
				<img src="image/04.png" data-thumb="image/04.png" />
				<img src="image/05.png" data-thumb="image/05.png" />
				<img src="image/06.png" data-thumb="image/06.png" />
				<img src="image/07.png" data-thumb="image/07.png" />
              </div>
        </div>
      </div>
    <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>