Line | |
---|
1 | <style> |
---|
2 | |
---|
3 | |
---|
4 | #slides { |
---|
5 | display: none |
---|
6 | } |
---|
7 | |
---|
8 | #slides .slidesjs-navigation { |
---|
9 | margin-top:3px; |
---|
10 | } |
---|
11 | |
---|
12 | #slides .slidesjs-previous { |
---|
13 | margin-right: 5px; |
---|
14 | float: left; |
---|
15 | } |
---|
16 | |
---|
17 | #slides .slidesjs-next { |
---|
18 | margin-right: 5px; |
---|
19 | float: left; |
---|
20 | } |
---|
21 | |
---|
22 | .slidesjs-pagination { |
---|
23 | |
---|
24 | float: right; |
---|
25 | |
---|
26 | } |
---|
27 | |
---|
28 | .slidesjs-pagination li { |
---|
29 | float: left; |
---|
30 | list-style: none; |
---|
31 | width: 25px; |
---|
32 | text-align: center; |
---|
33 | margin-bottom: 10px; |
---|
34 | } |
---|
35 | |
---|
36 | .slidesjs-pagination li a { |
---|
37 | display: inline; |
---|
38 | height: 0; |
---|
39 | width: 25px; |
---|
40 | background-position: 0 0; |
---|
41 | padding: 5px 5px 5px 5px; |
---|
42 | overflow: hidden; |
---|
43 | color: #000; |
---|
44 | } |
---|
45 | |
---|
46 | .slidesjs-pagination li a.active, |
---|
47 | .slidesjs-pagination li a:hover.active { |
---|
48 | background-position: 0 -13px; |
---|
49 | background-color: #428bca !important; |
---|
50 | } |
---|
51 | |
---|
52 | .slidesjs-pagination li a:hover { |
---|
53 | background-position: 0 -26px |
---|
54 | } |
---|
55 | |
---|
56 | #slides a:link, |
---|
57 | #slides a:visited { |
---|
58 | color: #333 |
---|
59 | } |
---|
60 | |
---|
61 | #slides a:hover, |
---|
62 | #slides a:active { |
---|
63 | color: #9e2020 |
---|
64 | } |
---|
65 | |
---|
66 | .navbar { |
---|
67 | overflow: hidden |
---|
68 | } |
---|
69 | </style> |
---|
70 | <body> |
---|
71 | <?php echo $filename;?> |
---|
72 | <div id="slides" style="display: none;"> |
---|
73 | <?php |
---|
74 | for ($i=0;$i<$total;$i++) |
---|
75 | { |
---|
76 | ?> |
---|
77 | <img src="http://sbgapi.violet.vn/<?php echo $folder."/".$i;?>.png"> |
---|
78 | <?php |
---|
79 | }?> |
---|
80 | <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a> |
---|
81 | <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a> |
---|
82 | </div> |
---|
83 | </body> |
---|
Note: See
TracBrowser
for help on using the repository browser.