คลิกรูปที่ 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

Forum rules
คำถามหมวดนี้ ควรระบุ รายละเอียดของ Server OS, เวอร์ชั่น ของ PHP, CMS ที่ท่านใช้
รวมถึง Hosting หรือ Control Panel Hosting
M032
PHP VIP Members
PHP VIP Members
Posts: 1983
Joined: 11/01/2016 9:55 am
Contact:

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

Post by M032 » 06/02/2016 11:30 am

คลิกรูปที่ Thumbnail แล้วให้แสดงเป็นรูปใหญ่ ทำยังไงค่ะ
Last edited by M032 on 06/02/2016 2:46 pm, edited 1 time in total.
Image

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19865
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 06/02/2016 11:48 am

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

Code: Select all

<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
Posts: 245
Joined: 12/02/2011 12:34 am
Contact:

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

Post by konseo » 09/02/2016 8:53 am

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

M032
PHP VIP Members
PHP VIP Members
Posts: 1983
Joined: 11/01/2016 9:55 am
Contact:

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

Post by M032 » 09/02/2016 9:30 am

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


User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 10566
Joined: 18/04/2012 9:39 am

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

Post by tsukasaz » 09/02/2016 11:31 am

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

Code: Select all

<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
Posts: 1983
Joined: 11/01/2016 9:55 am
Contact:

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

Post by M032 » 09/02/2016 1:25 pm

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

Code: Select all

<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>
ขอบคุณค่ะ
Image

Post Reply

Return to “ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM”

Users browsing this forum: No registered users and 2 guests