查看文件: index.php
大小: 2.61 KB
类型: application/octet-stream
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta content="charset=utf-8"> <title>FlexSlider 2</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!-- Syntax Highlighter --> <!-- Demo CSS --> <link rel="stylesheet" href="/flexslider_css/css/demo.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/flexslider_css/css/flexslider.css" type="text/css" media="screen" /> <!-- Modernizr --> <script src="/flexslider_css/js/modernizr.js"></script> <style> .my1 { position:relative; width: 130px; // background: green; top: -65px; right: 10px; left: 10px; } </style> </head> <body class="loading"> <br> <br> <table style="width:100%;top:20px"> <tr> <td width="130px"><div class="my1"> <img src="img/100/a1.jpg" /></div> </td> <td><div class="flexslider carousel"> <ul class="slides"> <? for ( $i=1 ; $i<27 ; $i++ ) { ?> <li><img src="img/100/a<?= $i?>.jpg" width="108" height="100" /></li> <? } ?> </ul> </div></td> </tr> </table> <br><br> <div class="clearfix hidden-xs"></div> <table width="100%"> <tr> <td ><div class="my1"> <img src="img/100/a1.jpg" /></div></td> <td> <div class="flexslider carousel"> <ul class="slides"> <? for ( $i=1 ; $i<27 ; $i++ ) { ?> <li><img src="img/100/a<?= $i?>.jpg" width="108" height="100" /></li> <? } ?> </ul> </div> </td> </tr> </table> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script> <!-- FlexSlider --> <script defer src="/flexslider_css/js/jquery.flexslider.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", animationLoop: true, controlNav: true, itemWidth: 108, itemMargin: 1, pausePlay: false, start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <!-- Syntax Highlighter --> <!-- Optional FlexSlider Additions --> <script src="/flexslider_css/js/jquery.easing.js"></script> <script src="/flexslider_css/js/jquery.mousewheel.js"></script> <script defer src="/flexslider_css/js/demo.js"></script> </body> </html>
保存
取消
返回文件列表