ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: jessicatan ที่ 26 มีนาคม 2018, 15:27:13



หัวข้อ: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: jessicatan ที่ 26 มีนาคม 2018, 15:27:13
รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ (เป็นแบบคลิก)-wordpress



หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: insandedid ที่ 26 มีนาคม 2018, 17:30:43
คลิก text อีก ประโยคนึงให้เป็นอีกประโยคนึงหรอครับ หรือว่าปัดเศษ คณิตศาสตร์ หรือว่าเปลี่ยนแค่ icon เฉยๆ ครับ หรือว่า hover active แบบไหนครับ งงอยู่น่ะ


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: insandedid ที่ 26 มีนาคม 2018, 17:52:07
ไม่ทราบว่าอยากทำให้เป็นแบบนี้หรือเปล่าครับ ผมตามลิ้งค์เข้าไปดูมาแล้ว ใส่สี pading solid อีกนิดน่าจะได้ครับ  หรือใส่ background opacity ตามที่ชอบครับ  :wanwan009:

(https://www.img.in.th/images/fa40588ccf278cf6b666ee96a6283c34.jpg)

ทำเว็บสวยดีน่ะครับ ใช้ theme หรือว่า เขียน ใหม่หมดเลยครับ


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: jessicatan ที่ 27 มีนาคม 2018, 08:56:28
ไม่ทราบว่าอยากทำให้เป็นแบบนี้หรือเปล่าครับ ผมตามลิ้งค์เข้าไปดูมาแล้ว ใส่สี pading solid อีกนิดน่าจะได้ครับ  หรือใส่ background opacity ตามที่ชอบครับ  :wanwan009:

(https://www.img.in.th/images/fa40588ccf278cf6b666ee96a6283c34.jpg)

ทำเว็บสวยดีน่ะครับ ใช้ theme หรือว่า เขียน ใหม่หมดเลยครับ

ลืมบอกไปค่ะ ส่วนที่อยากแก้ไขคือหน้าแรก ค่ะ ตอนนี้เป็นคลิกที่จุด หรือเอาเมาส์เลื่อนๆ ค่ะ อยากได้เป็นตัวเลขตามภาพเลยค่ะ

พอจะมีวิธีการแก้ไขยังไงได้บ้างคะ


เว็บเขียนใหม่หมดค่ะ (จ้างทำค่ะ  :wanwan004:)


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: goldxp ที่ 27 มีนาคม 2018, 10:25:33
ใส่โค้ดไว้ด้านล่างสุดของหน้าครับ

<script>
jQuery(function(){

window.setTimeout(function(){
  jQuery('.owl-carousel').each(function(){
      var s = jQuery(this);
       s.find('.owl-dot').each(function(n){
             jQuery(this).html(n);
       });
  });
},3000);//ถ้าไม่ได้ลองปรับเวลาเพิ่มขึ้นครับ

});
</script>


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: jessicatan ที่ 27 มีนาคม 2018, 11:20:18
ใส่โค้ดไว้ด้านล่างสุดของหน้าครับ

<script>
jQuery(function(){

window.setTimeout(function(){
  jQuery('.owl-carousel').each(function(){
      var s = jQuery(this);
       s.find('.owl-dot').each(function(n){
             jQuery(this).html(n);
       });
  });
},3000);//ถ้าไม่ได้ลองปรับเวลาเพิ่มขึ้นครับ

});
</script>


ใช้ได้แล้วขอบคุณมากค่ะ  :wanwan017:


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: jessicatan ที่ 28 มีนาคม 2018, 11:00:46
พอจะมีวิธีทำให้พอคลิกแล้วสีเข้มกว่าส่วนที่ไม่ได้คลิกมั้ยคะ ตอนนี้เป็นสีเดียวกันหมดเลย แยกไม่ออกค่ะ  :wanwan009: :wanwan009:


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: goldxp ที่ 28 มีนาคม 2018, 14:27:59
<style type="text/css">
.owl-theme .owl-dots div.active{
   background:#f05a2b;
    color:#fff;
}
</styte>
ไว้ถัดจากโค้ดหรือแทรกไว้ใน .css ก็ได้ครับ


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: jessicatan ที่ 28 มีนาคม 2018, 14:45:42
<style type="text/css">
.owl-theme .owl-dots div.active{
   background:#f05a2b;
    color:#fff;
}
</styte>
ไว้ถัดจากโค้ดหรือแทรกไว้ใน .css ก็ได้ครับ


ขอบคุณมากค่ะ ใช้ได้แล้ว สวยงามเลยค่ะ  :wanwan017: :wanwan017:


หัวข้อ: Re: รบกวนขอวิธีการแก้ไข owl.carousel จากจุดเป็นตัวเลขหน่อยค่ะ
เริ่มหัวข้อโดย: zebertooth ที่ 30 มีนาคม 2018, 17:18:38
สุดยอด