Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่องเกี่ยวกับการ include ภาพสไลด์แต่ภาพไม่ขึ้น แต่ทดสอบแบบในหน้าสไลด์เองกลับมีภาพขึ้น



 

สอบถามเรื่องเกี่ยวกับการ include ภาพสไลด์แต่ภาพไม่ขึ้น แต่ทดสอบแบบในหน้าสไลด์เองกลับมีภาพขึ้น

 



Topic : 130140



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



สถานะออฟไลน์




ตามหัวข้อเลยครับ ผมทำภาพสไลด์เอาไว้เสร็จแล้ว ลองทดสอบโดยกด f12 ก็ขึ้นปกติดี แต่พอผมลองเอาไป include ใส่หน้า index.php มันกลับไม่มีภาพหรืออะไรขึ้นมาเลย เลยอยากจะขอความช่วยเหลือหน่อยครับว่าผมต้องแก้ตรงไหนเพิ่มบ้าง

อันแรกเป็น code ส่วนของสไลด์ที่ทำไว้แล้ว
Code (PHP)
<!DOCTYPE html>
<html>
<head>
	<title>Javascript slider</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<!-- Place somewhere in the <head> of your document -->
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>
	<!-- Place in the <head>, after the three links -->
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>
</head>
<body>
	<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
	<div class="flexslider">
  <ul class="slides">
    <li>
      <img src=".\image\kyh001.jpg" width="500" height="250"/>
    </li>
    <li>
      <img src=".\image\kyh002.jpg" width="500" height="250"/>
    </li>
    <li>
      <img src=".\image\kyh003.jpg" width="500" height="250"/>
    </li>
  </ul>
</div>	
</body>
</html>


อันนี้เป็นส่วนของ index ที่ include code จากข้างบนมาใส่ครับ(แต่กลับไม่มีภาพขึ้น)
Code (PHP)
<meta charset="UTF-8">
      <!-- Right side column. Contains the navbar and content of the page -->
      <div class="content-wrapper">
        <section class="col-lg-10 connectedSortable">
        <section class="col-lg-12 connectedSortable">
        <br>
          <img src="image/vernew02.jpg" width="100%" height="80%" />
        </section>
          <section class="col-lg-12 connectedSortable">
        <!-- สไลด์ภาพ -->          
          <br>
          <?php include("slider1.php"); ?>
          <br>
        <!-- สไลด์ภาพ -->
          </section>
          <section class="col-lg-12 connectedSortable">
          <?php include("content_box4.php"); ?>
          </section>
          <section class="col-lg-12 connectedSortable">
        <!-- กิจกรรม -->          
          <div>
          <?php include("content_events.php"); ?>
          </div>
        <!-- กิจกรรม -->
          </section>
          <section class="col-lg-12 connectedSortable">
        <!-- กิจกรรม -->          
          <div>
          <?php include("content_order.php"); ?>
          </div>
        <!-- กิจกรรม --><br>   
          </section>
        </section>
        <section class="col-lg-2 connectedSortable">
        <!-- ผู้อำนวยการ -->
          <?php include("content_director.php"); ?>
        <!-- ผู้อำนวยการ -->
        </section>
        <section class="col-lg-2 connectedSortable">
        <!-- หน่วยงานที่เกี่ยวข้อง -->
          <?php include("content_dep.php"); ?>
        <!-- หน่วยงานที่เกี่ยวข้อง -->
        </section>
        <section class="col-lg-2 connectedSortable">
        <!-- ดาวน์โหลด -->          
        <div>
        <?php include("content_download.php"); ?>
        </div>
        <!-- ดาวน์โหลด -->
        </section>
        <div class="clearfix:after"></div>
        <!-- Main content -->
        <!--<section class="content" align="center">
          <!-- Small boxes (Stat box) -->          
          <div class="row">
          </div><!-- /.row -->
          <!-- Main row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->




Tag : PHP, HTML, CSS, JavaScript, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-01-31 14:26:03 By : bakaman View : 1832 Reply : 18
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

รันผ่าน localhost ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-01-31 16:14:36 By : Dragons_first
 


 

No. 2



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



สถานะออฟไลน์


code ชุดแรกที่เป็นภาพสไลด์รันผ่าน localhost แล้วภาพขึ้นครับ แต่พอ include เข้าไปใน code ชุดที่ 2 ที่เป็นหน้าหลัก ภาพกลับไม่ขึ้น ลองปรับแก้หลายจุดแล้วก็ยังไม่ขึ้นเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 08:17:07 By : bakaman
 

 

No. 3



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



สถานะออฟไลน์


เช็คพาทรูปครับ
Code
.\image\kyh001.jpg

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 09:03:41 By : arm8957
 


 

No. 4



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ถ้าขึ้น web hosting แนะนำให้เปลี่ยนเป็น Root path ครับ

ยกตัวอย่าง
Code (PHP)
<img src=".\image\kyh001.jpg" width="500" height="250"/>

เป็น
Code (PHP)
<img src="http://www.testing.com/image/kyh001.jpg" width="500" height="250"/>

ทำไมถึงต้องอ้างอิงเป็น Root path ข้อดีของมันคือต่อยอดไปยัง Mod_Rewite
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 09:11:24 By : dudesaranyu
 


 

No. 5



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



สถานะออฟไลน์


ตอนนี้ยังไม่ได้เอาขึ้นครับ เหมือนทาง web hosting จะมีปัญหา ตอนนี้ผมลองเอามาทำสอบผ่าน localhost ไปก่อน แต่ลองทำดูแล้วเปลี่ยนจาก \ เป็น / แล้วแก้แพทของภาพก็ยังเหมือนเดิมครับ มีรูปประกอบ

แบบเรียกแสดงจาก localhost แบบไม่ include ไปหน้าอื่น
ภาพสไลด์ที่เรียกแสดงโดยตรง

แบบ include ที่หน้า index.php
include ไปหน้า index.php
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 09:30:00 By : bakaman
 


 

No. 6



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : bakaman เมื่อวันที่ 2018-02-01 09:30:00
รายละเอียดของการตอบ ::
ลองปรับมาใช้ Xampp มั้ยครับ หรือใช้อยู่แล้ว

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 09:36:23 By : dudesaranyu
 


 

No. 7



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



สถานะออฟไลน์


ไม่เคยใช้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 09:39:22 By : bakaman
 


 

No. 8



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



สถานะออฟไลน์


view source ออกมาดูครับ ว่า syntax มันเกินมาหรือเปล่า
ลองลบพวก <!doctype> <html> ที่มันเกินมาออกไปดูก่อน
คือเวลา generate code html ลองดู result ที่ได้ว่า syntax มันถูกต้องไหม

2 ไฟล์ นี้ อยู่ folder เดียวกันไหม
<img src="image/vernew02.jpg" width="100%" height="80%" />
<img src=".\image\kyh001.jpg" width="500" height="250"/>

ทำไมไม่เขียนให้เหมือนกัน

และควรอ้างอิง จาก root ตามคุณ dudesaranyu

<img src="/image/vernew02.jpg" width="100%" height="80%" />

slash แรกคือ root path ไม่ต้องใส่ domainname เวลาเปลี่ยนชื่อ domain จะได้ไม่ต้องมาแก้ไข browser มัน default ให้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 10:44:07 By : Chaidhanan
 


 

No. 9



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



สถานะออฟไลน์


ไหนๆ ก็ยังไม่ขึ้นเปลี่ยนไปใช้ Plugin Carousel ของ Bootstrap เลยดีมั้ย? เพราะสไลด์เหมือนกันแถมไม่ต้องเรียก jquery อื่นๆ ให้มาซ้ำกับในเว็บอีก (บางทีมันทับซ้อนกับจนทำให้ไม่ขึ้นก็มี) ไหนๆ ก็ใช้ Bootstrap แล้วหนะน่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 10:48:12 By : nutemoza
 


 

No. 10



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



สถานะออฟไลน์
Facebook

ลองใส่แบบนี้ดูครับ
Code (PHP)
<img src="../image/kyh001.jpg" width="500" height="250"/>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 11:33:01 By : nobetaking
 


 

No. 11



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 9 เขียนโดย : nutemoza เมื่อวันที่ 2018-02-01 10:48:12
รายละเอียดของการตอบ ::
มีตัวอย่างการเรียกใช้ใน bootstrap ให้บ้างมั้ยครับ แบบว่าสไลด์ที่ผมทำไว้ไปก๊อปมาจากที่อื่นแล้วลองเอาใส่ดูแต่มันไม่ได้

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 14:06:26 By : bakaman
 


 

No. 12



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


- ตอบความคิดเห็นที่ : 11 เขียนโดย : bakaman เมื่อวันที่ 2018-02-01 14:06:26
รายละเอียดของการตอบ ::
... bootstap เข้า google ก็เห็นแล้วมั้ง


- ยังสงสัย จะทำหน้า slide.php แยกทำไม ก็เอา code ไปใส่หน้า index ไม่ง่ายกว่ารึเปล่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 15:19:57 By : apisitp
 


 

No. 13



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 12 เขียนโดย : apisitp เมื่อวันที่ 2018-02-01 15:19:57
รายละเอียดของการตอบ ::
ตอบแทนแบบเดาเอาเอง


จขกท ได้ทดลองโค๊ดเมื่อเห็นว่าใช้ได้ก็เลยขึ้เกียจเขียนใหม่ ก็เมื่อมันใช้ได้แล้วก็ include มาใช้ซะเลย
โดยลืมนึกถึงไวยกรณ์โครงสร้างของ html แล้วก็ การ conflict ของโปรแกรม javascript ต่างๆ ที่ใช้งานร่วมกันไม่ได้

เอา Plugin Carousel ของ Bootstrap มาใช้ ถ้าเอา ตัวเดียว มาใช้ เดี๋ยวก็ตีกับ js อันอื่นอีกนั่นแหล่ะ
ถ้าใช้ bootstrap ตัวเต็ม ก็คงไม่เป็นไร เอาตัวเต็มมาใช้ก็หนัก web อีก 55555 แต่ก็ง่ายดีสำหรับคนหัดใหม่ๆ
มีทุกอย่างครบให้เลือกใช้ เหมาะกับเวปที่ไม่กลัว bandwidth
แต่ผู้ใช้ ที่ใช้เนตแบบ fix byte คงไม่ชอบ แล้วยิ่งเขียนแบบ no cache ด้วยแล้ว เดี๋ยวเดียวก็หมด
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-01 17:24:21 By : Chaidhanan
 


 

No. 14



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



สถานะออฟไลน์


แสดงว่าที่ผมทำอยู่นี่คือเป็นการใช้ js ซ้ำซ้อนทำให้เกิดปัญหาเรื่องการใช้งานคำสั่งชนกัน ส่วนใช้คำสั่งตัวเต็มจาก bootstrap เลยจะทำให้การทำงานช้าอีกสินะ

ส่วนที่ถามว่าทำไมถึง include แทนที่จะใส่ในหน้านั้นเลยเพราะผมต้องการแยกส่วนออกมาครับ ไม่ให้เกิดความสับสน เพราะเมื่อก่อนผมเอามาใส่หน้าเดียวกันแล้วเกิดปัญหาหลายๆ อย่างทั้งจากการที่ทำค้างไว้นานพอกลับมาแก้แล้วลืมของเก่าไปเลยว่าต้องปรับตรงไหนบ้างอะไรแบบนั้น เลยต้องทำแยกออกมาอีกที แต่ผมก็ลองเอาไปใส่แบบไม่ include แล้วมันก็ยังไม่ขึ้นครับ ตอนนี้เลยต้องหาดูเกี่ยวกับ bootstrap อีกทีว่าจะแก้ยังไงได้บ้าง

เดี๋ยวขอลองศึกษาเพิ่มอีกนิดแล้วกันครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-02 08:44:33 By : bakaman
 


 

No. 15



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 14 เขียนโดย : bakaman เมื่อวันที่ 2018-02-02 08:44:33
รายละเอียดของการตอบ ::
ปัญาหา เกิดได้ทุกขั้นตอนในการ include เข้ามาใช้งานครับ ประเด็นไม่ได้อยู่ที่ว่าคุณเขียนแล้วลืม ประเด็นคือ ในแต่ละบรรทัดคุณเข้าใจ อักษรแรกถึงอักษรสุดท้าย ของแต่ละบรรทัดแค่ไหน

การ include เข้ามาใช้งานนั้น เป็นทั้งข้อดีและข้อเสียในตัวเดียวกันครับ เช่นเดียวกัน การเขียนหน้าเดียวจบและโค๊ดสั้นเป็นอะไรที่ Perfect สำหรับหลาย DEV

อย่างที่ข้างต้นบอกครับ สำหรับมือใหม่ แนะนำให้ใช้ Framework สำหรับออกแบบ ในที่นี้ผมแนะนำ Bootstrap เช่นเดียวกัน เพราะมีเครื่องมือให้เลือกใช้มากมาย แต่คุณต้องศึกษาก่อนครับว่า วิธีการเขียนการวางเป็นอย่างไร เช่นเคย ถ้าคุณ copy pasth ก็อาจจะพังได้เช่นกัน

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-02 09:29:10 By : dudesaranyu
 


 

No. 16



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



สถานะออฟไลน์


ถ้าผมจะใช้โปรแกรม wowslider จะมีปัญหาอะไรเพิ่มหรือเปล่าครับ พอดีว่ากำลังค้นหา bootstrap ไปๆ มาๆ แล้วเจอกับโปรแกรมนี้พอดี เห็นว่าน่าสนใจมากเลยอยากลองดู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-02 09:42:20 By : bakaman
 


 

No. 17



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 16 เขียนโดย : bakaman เมื่อวันที่ 2018-02-02 09:42:20
รายละเอียดของการตอบ ::
ใช้ได้ครับแต่คุณก็ต้องลองทดสอบ js ตัวไหนทับกันรึเปล่า รวมถึง CSS ด้วยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-02 09:59:28 By : dudesaranyu
 


 

No. 18



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 17 เขียนโดย : dudesaranyu เมื่อวันที่ 2018-02-02 09:59:28
รายละเอียดของการตอบ ::
เข้าใจแล้วครับ ตอนนี้กำลังทดลองใช้อยู่ ยังไม่ค่อยเข้าใจเท่าไหร่ ไว้ได้ยังไงจะมาโพสบอกอีกทีนะครับ ขอบคุณมากครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-02-02 10:10:58 By : bakaman
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องเกี่ยวกับการ include ภาพสไลด์แต่ภาพไม่ขึ้น แต่ทดสอบแบบในหน้าสไลด์เองกลับมีภาพขึ้น
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่