หัวข้อ: รบกวนขอวิธีการแก้ไข 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 สุดยอด
|