[SMF]วิธีดึงภาพแรกในกระทู้

[javo]

+ เพิ่ม รายละเอียดของกระทู้นั้น ยังไงคับ  คือ มีรูปแล้วเอาเอารายละเอียดของกระทู้ไปโชว์ด้วย..

รายละเอียดหมายถึง เนื้อหาในกระทู้รึเปล่าครับ ถ้าใช่ ก็ต้องดึงมาจาก tag body ครับ แต่จะยุ่งยากหน่อย ต้องมาตัดเอาอีกทีครับ

[flyon29]

รบกวนถามหน่อยครับ คือรูปในกระทู้ผมมีบางส่วนที่เป็นแบบนี้

โค้ด เลือก ขยาย

[img width=800 height=500]xxxxxx[/img]

ผมลอง อันข้างล่างแล้วมันไม่ได้อ่ะครับ ผมใช้ SMF 2.0 ใครรู้รบกวนด้วยครับ ขอบคุณล่วงหน้าครับ 

โค้ด เลือก ขยาย

function findIMG($text){
if (preg_match_all('/\[img\].*?\[\/img\]/i',$text,$page)){
foreach($page as $value)
$src = substr($value[0],5);
$src = substr($src,0,-6);
return($src);}
if (preg_match_all('/\[img width=\d{3} height=\d{3}\].*?\[\/img\]/i',$text,$page)){
foreach($page as $value)
$src = substr($value[0],26);
$src = substr($src,0,-6);
return($src);}
}

[koncept]

+ เพิ่ม รายละเอียดของกระทู้นั้น ยังไงคับ  คือ มีรูปแล้วเอาเอารายละเอียดของกระทู้ไปโชว์ด้วย..

รายละเอียดหมายถึง เนื้อหาในกระทู้รึเปล่าครับ ถ้าใช่ ก็ต้องดึงมาจาก tag body ครับ แต่จะยุ่งยากหน่อย ต้องมาตัดเอาอีกทีครับ

แบบนั้นเลยคับผม

[triple_t]

อยากทำบ้าง อ่านๆแล้วงง สรุปไม่ได้ว่ายังไง

ผมใช้ smf2.0.2 ครับ ขอท่านผู้รู้สรุปให้หน่อย ว่าทำอย่างไร กับไฟล์ใหน ใช้ยังไง เพราะงงมากมายเลย 

[nut_anek]

เอาง่ายๆเลยนะครับ

ขั้นแรกเปิดไฟล์ index.template.php ของธีมขึ้นมา

ต่อมาหา

โค้ด เลือก ขยาย

?>

นำโค้ดนี้ไปวางก่อนหน้าที่หา (สำหรับ 2.0.x)

โค้ด เลือก ขยาย

function findIMG($text){
preg_match_all('/\[img\].*?\[\/img\]/i',$text,$page);
foreach($page as $value)
$src = substr($value[0],5);
$src = substr($src,0,-6);
return($src);
}

แล้วต่อด้วยโค้ดนี้

โค้ด เลือก ขยาย

function ssi_pic($num_top = 12,$order,$board){
global $db_prefix, $scripturl, $smcFunc;
$request = $smcFunc['db_query']('', '
SELECT t.id_topic,m.body,m.subject
FROM {db_prefix}messages m,{db_prefix}topics t
WHERE t.id_first_msg=m.id_msg AND t.id_board='.$board.'
ORDER BY t.'.$order.' DESC
LIMIT '.$num_top,
array(
)
);
$posts = array();
while ($row = $smcFunc['db_fetch_assoc']($request))
{
// Build the array.
$topics[] = array(
'id' => $row['id_topic'],
'body' => $row['body'],
'subject' => $row['subject']
);
}
$smcFunc['db_free_result']($request);
foreach ($topics as $data){
$topic = "forum/?topic,".$data['id'];
$srcPic = findIMG($data['body']);
$subject = $data['subject'];
echo '<div class="boxpGal">
<div class="picpGal"><a href="'.$srcPic.'" title="คริกเพื่อดูภาพเต็ม."><img src="'.$srcPic.'" width="150" alt="" /></a></div><center>'.mb_substr($subject,0,25,'UTF-8').'</center>
<div class="viewAllpic"><a href="'.$topic.'" target="_blank">More info</a></div>   
</div>';
}
}


จากนั้นก็เปิดไฟล์ BoardIndex.template.php หรือ อันอื่นก็ได้ แต่อันนี้มันจะโชว์หน้าแรกเลย
แล้วก็วางโค้ดนี้ไว้ตรงไหนก็ได้ที่อยากวางที่ไม่ได้อยู่ใน echo'';

โค้ด เลือก ขยาย

ssi_pic(20,'ID_TOPIC',4)

แต่ถ้าวางใน echo'';
ต้องเปลี่ยนเช่น

โค้ด เลือก ขยาย

echo''.ssi_pic(20,'ID_TOPIC',4).'';

[warn_cm]

งงครับ แต่ก็สุดยอดมาก

[kradanboon]

ขอบคุณมากครับ สำหรับกระทู้ดี ๆ

[kanakita]

หลายคนอาจงงนะคับการจัด css + html จริงๆมันก็เหมือนทำ css ใน ดรีมแบบง่ายๆแหละคับตัวอย่างนะคับในไฟล์ที่คุณจะเรียกใช้งานตัวสคิปลองใช้ css ง่ายๆตามนี้ครับ

<style type="text/css">
#boxpGal {
   background-color: #999;
   float: left;
   height: 100px;
   width: 150px;
   margin: 5px;
}
</style>

จัดความกว้างความสูงตามแต่ใจต้องการเอาเองนะคับส่วนไฟล์อื่นๆทำตามที่ท่าน จขกท แนะนำนะคับการใช้งานจะอยู่ในไฟล์ SSI สังเกตุที่ <div id="boxpGall"> นี่คือตัวเรียกใช้งานตัว css
ที่เราต้องการโดยเรียกใช้การทำงานของ float : left ครับ แล้วมันก็จะเรียงตามแนวนอน ^^ ลองทำกันดูครับ

echo '<div id="boxpGal" class="boxpGal">
         <div class="picpGal"><a href="'.$srcPic.'" title="คริกเพื่อดูภาพเต็ม."><img src="'.$srcPic.'" width="150" alt="" /></a></div><center>'.mb_substr($subject,0,25,'UTF-8').'</center>
         <div class="viewAllpic"><a href="'.$topic.'" target="_blank">More info</a></div>  
      </div>';

[benzabza]

โค้ด เลือก ขยาย

ssi_pic(20,'ID_TOPIC',4)

แต่ถ้าวางใน echo'';
ต้องเปลี่ยนเช่น

โค้ด เลือก ขยาย

echo''.ssi_pic(20,'ID_TOPIC',4).'';
[/quote]

สอบถามต่อครับถ้าเราต้องการดึงมากกว่า 1 ID_Topic ต้องทำไงครับ เพราะตอนนี้ลอง
echo''.ssi_pic(20,'ID_TOPIC',array(1,2,3,4).'';

แต่ไม่ออกครับ

[7one011]

อันไหนไม่มีรูปให้ืำงี้ครับ

หา

โค้ด เลือก ขยาย

$srcPic = findIMG($data['body']);
เพิ่ม

โค้ด เลือก ขยาย

if(empty($srcPic))
$srcPic = 'http://yourdomain/logo.jpg';

ไสยังไงคับผม ไม่ได้

[7one011]

หลายคนอาจงงนะคับการจัด css + html จริงๆมันก็เหมือนทำ css ใน ดรีมแบบง่ายๆแหละคับตัวอย่างนะคับในไฟล์ที่คุณจะเรียกใช้งานตัวสคิปลองใช้ css ง่ายๆตามนี้ครับ

<style type="text/css">
#boxpGal {
   background-color: #999;
   float: left;
   height: 100px;
   width: 150px;
   margin: 5px;
}
</style>

จัดความกว้างความสูงตามแต่ใจต้องการเอาเองนะคับส่วนไฟล์อื่นๆทำตามที่ท่าน จขกท แนะนำนะคับการใช้งานจะอยู่ในไฟล์ SSI สังเกตุที่ <div id="boxpGall"> นี่คือตัวเรียกใช้งานตัว css
ที่เราต้องการโดยเรียกใช้การทำงานของ float : left ครับ แล้วมันก็จะเรียงตามแนวนอน ^^ ลองทำกันดูครับ

echo '<div id="boxpGal" class="boxpGal">
         <div class="picpGal"><a href="'.$srcPic.'" title="คริกเพื่อดูภาพเต็ม."><img src="'.$srcPic.'" width="150" alt="" /></a></div><center>'.mb_substr($subject,0,25,'UTF-8').'</center>
         <div class="viewAllpic"><a href="'.$topic.'" target="_blank">More info</a></div>  
      </div>';

style type นี้ต้องเอาไปใสใน .css ถูกต้องไม?คับ

[nitikon101]

รบกวนสอบถามคือผมไม่ได้เรียนมามืดตึ๊บ
   ผมอยากแชร์กระทู้ลงในเฟสแล้วให้มันดึงภาพแรกของกระทู้ลงโชว์เฟส ผมต้องใส่โค๊ดอะไรดึงภาพครับ ใน  <meta property="og:image" content="     ">

เซิสหาวิธีมาเป็นเดือนยังมืดตึ๊บทำไม่ได้ SMF 1.1.21

[[email protected]]

ขอบคุณมากครับ