ใครมี code PHP Mysql ที่คลิกบนภาพแล้วแสดงภาพขนาดใหญ่ แบบขนาดจริงค่ะ
การทำให้ภาพขยายเมื่อชี้เมาส์ เป็น client side ต้องใช้ js, css, html eventhttps://www.w3schools.com/TAgs/ref_eventattributes.asp https://www.w3schools.com/jsref/obj_touchevent.asp
ประวัติการแก้ไข
Date :
2020-10-02 19:41:44By :
mr.v
ขอบคุณ mr.v มากค่ะ กำลังศึกษา link ทีให้มาอย่างละเอียด แต่การคลิกภาพแล้วแสดงหน้าใหม่เป็นภาพใหญ่ (ต้นฉบับ) จาก Mysql ฟิวส์ ที่ชื่อว่า sys_pic1 ซึ่งเก็บชื่อไฟล์ภาพ JPEG ไว้ค่ะ ต้องทำอย่างไรค่ะ
ประวัติการแก้ไข
Date :
2020-10-03 09:28:01By :
Pimpada
ใช้ <a href="">..</a> ไม่ได้เหรอ
Date :
2020-10-03 11:00:52By :
mr.v
ใช้ <a href="">..</a> ได้ค่ะ แต่ชื่อไฟล์ภาพ แสดงขึ้นมาด้วย (แสดงข้างหน้ารูปภาพ คลิกได้ด้วย) ต้องการให้ภาพแสดงอย่างเดียว แล้วสามารถคลิกบนรูปภาพได้เลยค่ะCode (PHP) echo "<td><a href='view_system2.php?sys_id=" .$row['sys_id']. "'>".$row["sys_pic1"]."</a><img src=\"../sysimg/".$row["sys_pic1"]."\" width='130' /></td>";
Date :
2020-10-03 13:23:10By :
Pimpada
ใช้ ontouchstart กับ ontouchend แล้วค่ะ แต่ภาพที่แสดงไม่เต็มจอมือถือ ถ้าเปลี่ยนเป็นวิธีที่ 2 คือคลิก link แล้วเกิดหน้าใหม่ ได้ไหมค่ะCode (PHP) echo "<td><a href='view_system2.php?sys_id=" .$row['sys_id']. "'>".$row["sys_pic1"]."</a><img src=\"../sysimg/".$row["sys_pic1"]."\" width='130' /></td>";
Date :
2020-10-03 14:58:49By :
Pimpada
การแสดงภาพ อะไรสักอย่างควร คำนวณขนาดภาพก่อน หา กว้าง/ยาว ของภาพ
Date :
2020-10-03 17:43:57By :
Chaidhanan
คุณจขกท.เอามาแค่โค้ดตรงแสดงรูปภาพ ไม่เอาส่วน function ที่เรียกใช้มา ไม่มี css มา แล้วบอกว่าชี้เมาส์ทำงานได้. ซึ่งคงไม่มีใครเดาออกว่าทำงานได้ แบบไหน? เดาว่าคงมีตำแหน่งรูปเล็ก เอาเมาส์ชี้แล้วมีรูปใหญ่เหนือรูปเล็ก.
Date :
2020-10-03 22:33:03By :
mr.v
code แบบนี้ค่ะ มีชื่อไฟล์ .jpg อยู่ด้านหน้าภาพ (คลิกแล้วเกิดหน้าใหม่) ต้องการให้คลิกที่ภาพได้เลยค่ะ ไม่ต้องการคลิกที่ไฟล์ภาพค่ะCode (PHP) <?php session_cache_limiter('private, must-revalidate');
session_cache_expire(60);?>
<?php @session_start(); ?>
<?php include('header.php'); ?>
<?php include('contum.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Tables</title>
<!-- นำเข้า CSS จาก Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- นำเข้า CSS จาก dataTables -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css">
<!-- นำเข้า Javascript จาก Jquery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- นำเข้า Javascript จาก dataTables -->
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
<script type="text/javascript">
//คำสั่ง Jquery เริ่มทำงาน เมื่อ โหลดหน้า Page เสร็จ
$(function(){
//กำหนดให้ Plug-in dataTable ทำงาน ใน ตาราง Html ที่มี id เท่ากับ example
$('#example').dataTable( {
"bFilter": false
} );
});
</script>
</head>
<body>
<!-- เนื้อหา -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<br/>
<center>
<form method="post">
<input type="text" name="txt_search" size="50" Value="<?=(isset($_POST['txt_search'])? $_POST['txt_search'] : '')?>" />
<input type="submit" name="search" value="ค้นหา" />
</form>
</center>
<p align="right">
<a href="insert_system.php"><button name="insert" >เพิ่มข้อมูล</button></a>
</p>
<section class="content-header">
<h1>
แสดงข้อมูลระบบ
</h1>
</section>
<!-- Main content -->
<section class="content">
<div class="CSSTableGenerator" >
<script>
function bigImg(x) {
x.style.height = "1754px";
x.style.width = "1240px";
}
function normalImg(x) {
x.style.height = "212px";
x.style.width = "150px";
}
</script>
<table id="example">
<thead>
<tr>
<td>ลำดับ</td>
<td>รหัสสินค้า</td>
<td>ชื่อสินค้า</td>
<td>รูป</td>
<td>รูป2</td>
</tr>
</thead>
<tbody>
<?php
$sql=" select * from tb_system ";
if(isset($_POST['search']))
{
$txt_search=$_POST['txt_search'];
$sql.=" where";
$sql.=" sys_no like '%".$txt_search."%'";
$sql.=" or";
$sql.=" sys_name like '%".$txt_search."%'";
$sql.=" or";
$sql.=" sys_detail like '%".$txt_search."%'";
}
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<tr>";
echo "<td>" . $row["sys_id"]. "</td>";
echo "<td> <a href='view_system.php?sys_id=" .$row['sys_id']. "'>".$row["sys_no"]."</a></td>";
echo "<td>" . $row["sys_name"]. "</td>";
//echo "<td><img src=\"../sysimg/".$row["sys_pic1"]."\" width='300'/></td>";
echo "<td><a href='view_system1.php?sys_id=" .$row['sys_id']. "'>".$row["sys_pic1"]."</a><img src=\"../sysimg/".$row["sys_pic1"]."\" width='130' /></td>";
echo "<td><a href='view_system2.php?sys_id=" .$row['sys_id']. "'>".$row["sys_pic2"]."</a><img src=\"../sysimg/".$row["sys_pic2"]."\" width='130' /></td>";
}
}
?>
</tbody>
</table>
</body>
</html>
<?php //include('footer.php'); ?>
Date :
2020-10-09 15:47:40By :
Pimpada
a href ครอบที่ใดที่นั่น ก็จะคลิกได้...ดังนั้น ครอบ <img> ด้วยครับ มันถึงจะคลิกได้
Date :
2020-10-09 16:05:48By :
PhrayaDev
สำเร็จแล้วค่ะ ขอบคุณทุกท่านนะคะ a href ครอบตามคำแนะนำของคุณพระยาเทพ สุดยอดค่ะCode (PHP) echo "<td><a href='view_system1.php?sys_id=" .$row['sys_id']. "'><img src=\"../sysimg/".$row["sys_pic1"]."\" width='130' /></td>";
Date :
2020-10-09 17:43:00By :
Pim
แสดงว่าแม้แต่ html ก็งงสินะ ผมก็บอกตั้งแต่คห.3 ว่าเอา a ครอบ ถ้าเข้าใจทำไปก็เสร็จนานแล้วปะ?
Date :
2020-10-09 17:52:19By :
mr.v
ใช่ค่ะ mr.v "ใช้ <a href="">..</a> ไม่ได้เหรอ" ตั้งแต่ตอนแรก ยอมรับว่าเบลอค่ะ มีหลาย project จนตอนนี้ เส้นเลือดโปง 2 ขมับเลยค่ะ
Date :
2020-10-09 18:00:46By :
Pim
Server 04
Load balance : Server 04
Quote:
