Ignore:
Timestamp:
Mar 18, 2015 4:00:40 PM (10 years ago)
Author:
quyenla
Message:

preview

File:
1 edited

Legend:

Unmodified
Added
Removed

  • pro-violet-viettel/www/deploy/20150304/application/modules/ajax/views/preview/index.php

    r789 r790  
    1 <!doctype html>
    2 <head>
     1  <style>
    32
    43
    5     <script type="text/javascript">
    6     $(function(){
    7       $("#slides").slidesjs({
    8         width: 940,
    9         height: 528
    10       });
    11     });
    12   </script>
    13 </head>
     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>
    1470<body>
    15   <div id="slides">
    16     <img src="http://sbgapi.violet.vn/previews/294/0.png">
    17     <img src="http://sbgapi.violet.vn/previews/294/1.png">
    18   </div>
     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>
    1983</body>
Note: See TracChangeset for help on using the changeset viewer.