คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

พูดคุย phpBB3, SMF ปัญหา การติดตั้ง ปัญหา การลง Mod การแก้ไข หน้าตาบอร์ด การใช้งาน Joomla 1.5, 1.6, 1.7, 2.5 ,3.x และเร็วๆนี้ Joomla จะออกเวอร์ชั่น 4.0 การใช้งาน wordpress และ CMS อื่นๆ
การตั้งคำถาม ควรระบุรุ่นที่ใช้ ในการตั้งคำตามด้วย นะ เช่น SMF 1.1.4 หรือ SMF2.0 Joomla 1.0 joomla 3.8 และ รายละเอียดของ server OS , php เวอร์ชั่นไหน ฐานข้อมูลอะไร

Moderator: mindphp

กฎการใช้บอร์ด
คำถามหมวดนี้ ควรระบุ รายละเอียดของ Server OS, เวอร์ชั่น ของ PHP, CMS ที่ท่านใช้
รวมถึง Hosting หรือ Control Panel Hosting
ภาพประจำตัวสมาชิก
M032
PHP VIP Members
PHP VIP Members
โพสต์: 1983
ลงทะเบียนเมื่อ: 11/01/2016 9:55 am
ติดต่อ:

คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย M032 » 06/02/2016 11:30 am

คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่ ทำยังไงค่ะ
แก้ไขล่าสุดโดย M032 เมื่อ 06/02/2016 2:46 pm, แก้ไขไปแล้ว 1 ครั้ง.
รูปภาพ

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 12956
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย thatsawan » 06/02/2016 11:48 am

bootstrap
http://www.w3schools.com/bootstrap/tryi ... &stacked=h


โค้ด: เลือกทั้งหมด

<a href="cinqueterre.jpg" class="thumbnail">
        <
p>The Cinque TerreA rugged portion of coast in the Liguria region of Italy.</p>      
        <
img src="cinqueterre.jpg" alt="Cinque Terre" style="width:150px;height:150px">
      </
a

konseo
PHP Super Member
PHP Super Member
โพสต์: 245
ลงทะเบียนเมื่อ: 12/02/2011 12:34 am
ที่อยู่: https://page.line.me/gnm7628z
ติดต่อ:

Re: คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย konseo » 09/02/2016 8:53 am

เป็นแบบป๊อปอัพหรือเปล่าครับ มีตัวอย่างเยอะเลยครับ

ภาพประจำตัวสมาชิก
M032
PHP VIP Members
PHP VIP Members
โพสต์: 1983
ลงทะเบียนเมื่อ: 11/01/2016 9:55 am
ติดต่อ:

Re: คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย M032 » 09/02/2016 9:30 am

konseo เขียน:เป็นแบบป๊อปอัพหรือเปล่าครับ มีตัวอย่างเยอะเลยครับ


ใช่ค่ะ
รูปภาพ


ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 8510
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย tsukasaz » 09/02/2016 11:31 am

ถ้าใช้ Joomla ที่เป็น Template มาตรฐาน ลองใช้โค้ดด้านล่างได้ครับ เพราะใน Joomla เตรียมไว้ให้อยู่แล้ว

โค้ด: เลือกทั้งหมด

<p>
   <a class="btn" href="#myModal" data-toggle="modal">
      <img src="images/01.png" alt="" width="100" />
   </a>
</p>
<div id="myModal" class="modal hide fade" tabindex="-1">
   <div class="modal-header">
      <button class="close" type="button" data-dismiss="modal">×</button>
   </div>
   <div class="modal-body">
      <p><img src="images/01.png" alt="" /></p>
   </div>
</div>
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

ภาพประจำตัวสมาชิก
M032
PHP VIP Members
PHP VIP Members
โพสต์: 1983
ลงทะเบียนเมื่อ: 11/01/2016 9:55 am
ติดต่อ:

Re: คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่

โพสต์โดย M032 » 09/02/2016 1:25 pm

tsukasaz เขียน:ถ้าใช้ Joomla ที่เป็น Template มาตรฐาน ลองใช้โค้ดด้านล่างได้ครับ เพราะใน Joomla เตรียมไว้ให้อยู่แล้ว

โค้ด: เลือกทั้งหมด

<p>
   <a class="btn" href="#myModal" data-toggle="modal">
      <img src="images/01.png" alt="" width="100" />
   </a>
</p>
<div id="myModal" class="modal hide fade" tabindex="-1">
   <div class="modal-header">
      <button class="close" type="button" data-dismiss="modal">×</button>
   </div>
   <div class="modal-body">
      <p><img src="images/01.png" alt="" /></p>
   </div>
</div>

ขอบคุณค่ะ
รูปภาพ


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน