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
|
<?php include("../phpconfig.php");?>
<?php
$query="SELECT * FROM tbl_banner WHERE banner_type ='1' ORDER BY id DESC ";
$resultBanner=mysql_query($query);
?><!DOCTYPE html>
<html lang="en">
<head>
<title>Image Slideshow</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Elastic Image Slideshow with Thumbnail Preview" />
<meta name="keywords" content="jquery, css3, responsive, image, slider, slideshow, thumbnails, preview, elastic" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
<noscript>
<link rel="stylesheet" type="text/css" href="css/noscript.css" />
</noscript>
</head>
<body>
<div class="container">
<div class="wrapper">
<div id="ei-slider" class="ei-slider">
<ul class="ei-slider-large">
<?php $n=1; while($data=mysql_fetch_assoc($resultBanner)){
if($data['links']==''){ $data['links']='#'; $target='';} else { $target="target='_top' ";}
?>
<li><a href="<?php echo $data['links']?>" <?php echo $target?>>
<img src="<?php echo "../".$path_product.$data['pic_name']?>" alt="image<?php echo $n?>" border="0" /></a>
<div class="ei-title">
<h2><?php echo $data['title_img']?></h2>
<h3><?php echo $data['title_img2']?></h3>
</div>
</li>
<?php $n++; } ?>
</ul><!-- ei-slider-large -->
<!-- <ul class="ei-slider-thumbs">
<?php //if($n > 1){ mysql_data_seek($resultBanner,0); }
// $n=1; while($data=mysql_fetch_assoc($resultBanner)){
?>
<?php //if($n ==1){?> <li class="ei-slider-element">Current</li><?php //} ?>
<li><a href="#" ><?php //echo $data['title_img']?></a><img src="<?php// echo "../uploadfile/thb/".$data['pic_name']?>" alt="thumb<?php//echo $data['title_img']?>" /></li>
<?php //$n++; } ?>
</ul> --><!-- ei-slider-thumbs -->
</div><!-- ei-slider -->
</div><!-- wrapper -->
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.eislideshow.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 4000,
titlesFactor : 0
});
});
</script>
</body>
</html>
|