ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptช่วยด้วย!!!! Slider ทำงานไม่สมบูรณ์ wp +1 สำหรับคนช่วยแก้ครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วยด้วย!!!! Slider ทำงานไม่สมบูรณ์ wp +1 สำหรับคนช่วยแก้ครับ  (อ่าน 1269 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« เมื่อ: 25 สิงหาคม 2017, 12:39:45 »

สไลด์หน้า homepage สไลต์ไปอันสุดท้ายแล้วมึดไปเลยมันไม่ลูปมาอันแรกตามภาพครับ
รบกวนขั้นเทพเกี่ยวกับสคริปช่วยหน่อยครับ
 

ไฟล์ slider.php
โค๊ด:
case 'style-bigone' :
$args = array(
'posts_per_page' => 5 ,
'offset' => 0 ,
'category' => $cate_id ,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish',
'suppress_filters' => true
);

$posts_array = get_posts($args);

?>
<section class="featured"> <!-- section featured -->
<div class="slider"> <!-- slider -->
<?php
if(!empty($posts_array))  {
foreach($posts_array as $key => $post) {
if(has_post_thumbnail($post->ID)) {
$image wp_get_attachment_url(get_post_thumbnail_id($post->ID, &#39;thumbnail&#39;));
}else{
$image get_template_directory_uri() . &#39;/images/image.jpg&#39;;
}
setup_postdata($post);
?>

<div class="slide" id="<?php _e($key); ?>">
<div class="thumbnail"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" target="_blank"><img src="<?php _e($image); ?>" /></a></div>
<div class="title"><h2><a href="<?php the_permalink(); ?>" title="<?php the_permalink(); ?>" target="_blank"><?php the_title(); ?></a></h2></div>
<div class="short-detail"><a href="<?php the_permalink(); ?>" title="<?php the_permalink(); ?>" target="_blank"><?php _e(the_excerpt()); ?></a></div>
</div>
<?php
}
?>

</div> <!-- slider -->


<div class="list-slide"> <!-- listr slide -->
<?php
foreach($posts_array as $key => $post) {
?>

<span class="<?php _e($key); ?>" ></span>
<?php
}
?>

</div> <!-- list slide -->
<?php
}
?>

<div class="clear"></div>
</section> <!-- secotion featured -->

<script type="text/javascript">
var on_slide = $('.slider div.slide:first-child').attr('id');
var slide_id = $('.slider div.slide:first-child').next().attr('id');
var last_slide = $('.slider div.slide').last().attr('id');
var _slide = '';

function showSlide(_id) {
$('.slider #' on_slide).hide();
$('.list-slide span.' on_slide).removeClass('select');
$('.list-slide span.' _id).addClass('select');
$('.slider #' _id).fadeIn("slow");

on_slide = _id;
if(last_slide == _id) {
slide_id = $('.slider div.slide:first-child').attr('id');
}else{
slide_id = $('.slider #' _id).next().attr('id');
}
}

function slide() {
_slide = setInterval(function(){
if(jQuery(window).width() > 610 ) {
showSlide(slide_id);
}
},3000);
}

$(function(){
showSlide(on_slide);
slide();

$('.slider').hover(function(){ clearInterval(_slide); },function(){ slide(); });

$('.list-slide span').click(function(){
if(parseInt($(this).attr('class')) != on_slide) {
showSlide(parseInt($(this).attr('class')));
}
});
});
</script>


<?php
break;
โค๊ด:
/* h style bigone */
section.featured {
display:block;
width:100%;
height:auto;
background-color:#000;
color:white;
}

.slider {
display:block;
width:100%;
height:440px;
}

.slider>div {
display:none;
}

.slider .thumbnail{
display:block;
width:100%;
height:350px;
text-align:center;
background-color:#222;
padding:10px 0px;
}

.slider img {
width:95%;
height:340px;
margin-top:5px;
}

.slider img:hover {
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

.slider .title {
display:block;
width:96%;
height:30px;
padding:0px 20px;
margin-top:5px;
}

.slider .title a{
display:block;
width:96%;
height:30px;
color:white;
line-height:30px;
font-size:18px;
font-weight:bold;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.slider .title a:hover {
text-decoration:underline;
}

.slider .short-detail {
display:block;
width:96%;
height:32px;
line-height:16px;
font-size:12px;
padding:0px 20px;
text-indent: 1.5em;
overflow:hidden;
text-overflow:ellipsis;
}

.slider .short-detail a{
color:white;
}

.slider .short-detail a:hover {
text-decoration:underline;
}
.list-slide {
display:block;
float:right;
padding:0px 20px;
}

.list-slide span {
display: inline-block;
width: 13px;
height: 12px;
background: #DDD;
margin:2px;
border-radius: 50%;
cursor: pointer;
}

.list-slide span:hover {
background: #999;
}

.list-slide span.select {
background:#73C5E1;
box-shadow:0 0 2px #73C5E1;
-webkit-box-shadow:0 0 2px #73C5E1;
-moz-box-shadow:0 0 2px #73C5E1;
transition:box-shadow 0.2s ease-in-out;
}

/*end h style bigone */
« แก้ไขครั้งสุดท้าย: 25 สิงหาคม 2017, 12:40:42 โดย narupot » บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
jewyi
คนรักเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 147



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 25 สิงหาคม 2017, 15:08:12 »

ช่วยดันรอผู้รู้  wanwan013
บันทึกการเข้า

CONY
คนรักเสียว
*

พลังน้ำใจ: 17
ออฟไลน์ ออฟไลน์

กระทู้: 171



ดูรายละเอียด
« ตอบ #2 เมื่อ: 25 สิงหาคม 2017, 15:11:58 »

ตั้งค่าไว้ยังไงบ้างครับ
บันทึกการเข้า
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 25 สิงหาคม 2017, 21:44:32 »

ตั้งค่าไว้ยังไงบ้างครับ
ไม่ได้ตั้งค่าอะไรสักอย่างครับ มันเป็นสไลด์ปกติไม่ widget หรือ ปลั๊กอินควบคุม มันเป็นโค๊ดใน Function ล้วนๆ ประมาณนั้นครับ
พอช่วยได้มั้ย หมดปัญญาแล้วจริงๆครับผม อาการคือ มันสไลด์มาหน้า 1 2 3 4 5 ปุ๋ป มันไม่วนลูปไปหน้า 1 ใหม่ ประมาณนี้ครับ
มันจอดำไปเลย ตามภาพ >< wanwan011 wanwan011
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
subport
ก๊วนเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 343



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 25 สิงหาคม 2017, 22:40:29 »

ใช้ปลั๊กอินอะไรครับ สำหรับ Slide
บันทึกการเข้า

♦ เชี่ยวชาญระบบ Wordpress เป็นพิเศษ | ปรับแต่งและออกแบบธีม |  ปรึกษาฟรี ไม่ต้องเกรงใจ ทักได้ตลอด
♦ โดย STOMS | โทร.061-569-9591
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 26 สิงหาคม 2017, 00:23:34 »

ใช้ปลั๊กอินอะไรครับ สำหรับ Slide
ไม่ได้ใช้ฮะ เขียนโค๊ดใส่ใน Function >< แต่ไม่แน่ใจเลยว่ามันผิดพลาดตรงไหน ทั้งๆก็มีแค่นั้นแหละจ้า งงหนักมาก
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
nociouz
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 200
ออฟไลน์ ออฟไลน์

กระทู้: 2,021



ดูรายละเอียด
« ตอบ #6 เมื่อ: 26 สิงหาคม 2017, 14:33:29 »

โค๊ด:
https://owlcarousel2.github.io/OwlCarousel2/
บันทึกการเข้า
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 27 สิงหาคม 2017, 08:07:45 »

โค๊ด:
https://owlcarousel2.github.io/OwlCarousel2/
ขอคำอธิบายได้มั้ยครับ ไม่เคยใช้จริงๆ >< wanwan011 wanwan011
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
หน้า: [1]   ขึ้นบน
พิมพ์