1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="jQuery Liquid carousel plugin"/>
<title>jQuery Liquid Carousel plugin</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="Scripts/cufon-yui.js"></script>
<script type="text/javascript" src="Scripts/DBOzone_400.font.js"></script>
<script type="text/javascript" src="Scripts/Quicksand_400.font.js"></script>
<script type="text/javascript" src="Scripts/dtac_400-dtac_400.font.js"></script>
<link type='text/css' rel='stylesheet' href='css/style-liquidcarousel2.css' />
<link type='text/css' rel='stylesheet' href='css/liquidcarousel2.css' />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.liquidcarousel.pack.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$('#liquid2').liquidcarousel({height:450, duration:250, hidearrows:false});
});
-->
</script>
<?php include("phpconfig.php");?>
<?php
$queryLocation="SELECT a.*, b.province_name, p.project_name FROM tbl_location a"
." LEFT JOIN tbl_province b ON a.provice_id=b.id "
." LEFT JOIN tbl_project p ON a.id=p.project_localtion_id "
." WHERE project_name <> '' "
." ORDER BY a.id ASC ";
$resultLocation=mysql_query($queryLocation);
?>
<div id="liquid2" class="liquid">
<span class="previous" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></span>
<div class="wrapper">
<ul>
<?php $nDiv=1; $LocateID=''; while($data=mysql_fetch_assoc($resultLocation)){
if($LocateID!=$data['id']){
?>
<li><table width="303" border="0" cellspacing="0" cellpadding="0" background="images/bg_type.png">
<tr>
<td height="22"> </td>
</tr>
<tr>
<td height="189" align="center" valign="top"><div id="showProjectPic<?php echo $nDiv?>"></div></td>
</tr>
<tr>
<td height="36" class="L25 txt11-blue"> <?php echo $data['location_name']?> จังหวัด<?php echo $data['province_name']?></td>
</tr>
<tr>
<td height="158" align="left" valign="top" class="L25">
<table width="95%" border="0" align="left">
<tr>
<?php
$n=1;$col=1; $firstImg=''; $divShowName="showProjectPic".$nDiv;
$queryProject="SELECT * FROM tbl_project WHERE project_localtion_id='".$data['id']."' ORDER BY project_name ASC ";
$resultProject=mysql_query($queryProject);
while($project=mysql_fetch_assoc($resultProject)){
if(!$firstImg) { $firstImg=$project['project_image']; }
?>
<td align="left"><img src="images/scroll_right.png" width="16" height="16" border="0" align="left" />
<a href="project.php?ProjectID=<?php echo $project['id']?>" target="_top" onmouseover="changeIMG('<?php echo $path_product_thb.$project['project_image']?>','<?php echo $divShowName?>')">
<?php echo $project['project_name']?> </td>
<?php if($n==$col){ echo "</tr><tr>"; $n=0;}?>
<?php $n++; } ?>
</tr>
</table>
<script language="javascript">
document.getElementById('<?php echo $divShowName?>').innerHTML="<span class='bx-thumbs'><img src='<?php echo $path_product_thb.$firstImg?>'></span>";
</script></td>
</tr>
</table></li>
<?php } ?>
<?php $nDiv++; $LocateID=$data['id']; } ?>
</ul>
</div>
<span class="next" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></span>
</div>
<script language="javascript">
function changeIMG(img,divName){
document.getElementById(divName).innerHTML="<span class='bx-thumbs'><img src='"+img+"' class='bx-thumbs'></span>";
}
</script>
|