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

พูดคุย phpBB3, SMF ปัญหา การติดตั้ง ปัญหา การลง Mod การแก้ไข หน้าตาบอร์ด การใช้งาน Joomla 1.5, 1.6, 1.7, 2.5 ,3.x รวมถึง Joomla 4 การใช้งาน wordpress และ CMS อื่นๆ
การตั้งคำถาม ควรระบุรุ่นที่ใช้ ในการตั้งคำตามด้วย นะ เช่น SMF 1.1.4 หรือ SMF2.0, OpenERP, Odoo และ รายละเอียดของ 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 »

คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่ ทำยังไงค่ะ
แก้ไขล่าสุดโดย M032 เมื่อ 06/02/2016 2:46 pm, แก้ไขไปแล้ว 1 ครั้ง.
รูปภาพ
ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

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

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

<a href="cinqueterre.jpg" class="thumbnail">
        <p>The Cinque Terre: A 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/oer1981h
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย konseo »

เป็นแบบป๊อปอัพหรือเปล่าครับ มีตัวอย่างเยอะเลยครับ
M032
PHP VIP Members
PHP VIP Members
โพสต์: 1983
ลงทะเบียนเมื่อ: 11/01/2016 9:55 am
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย M032 »

konseo เขียน:เป็นแบบป๊อปอัพหรือเปล่าครับ มีตัวอย่างเยอะเลยครับ
ใช่ค่ะ
รูปภาพ
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21717
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย 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>
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 »

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>
ขอบคุณค่ะ
รูปภาพ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: Google [Bot] และบุคลทั่วไป 3