jQuery_picture_plugin/img.html at master · dgp/jQuery_picture_plugin · GitHub

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

<html>
  <head>
    <link rel="stylesheet" href="jpicture_plugin/dinesh_picture.css" type="text/css" charset="utf-8" />
    <script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src = "jpicture_plugin/dinesh_picture_color.js">
    </script>
    <script type="text/javascript">
    $(function () {
      // $('.image').dinesh_picture({image_width: '400px', image_height: '300px', image_visible: 4});
      $('.image').jPicture_plugin();
    });
    </script>
  </head>
  <body>
    <div class = "image">
       <img src = "images/11.jpg">
       <img src = "images/12.jpg">
       <img src = "images/13.jpg">
       <img src = "images/14.jpg">
       <img src = "images/15.jpg">
       <img src = "images/16.jpg">
       <img src = "images/17.jpg">
       <img src = "images/18.jpg">
       <img src = "images/19.jpg">
       <img src = "images/20.jpg">
       <img src = "images/21.jpg">
       <img src = "images/23.jpg">
        <img src = "images/24.jpg">
        <img src = "images/25.jpg">
        <img src = "images/26.jpg">
        <img src = "images/27.jpg">
        <img src = "images/28.jpg">
        <img src = "images/29.jpg">
        <img src = "images/30.jpg">
        <img src = "images/31.jpg">
        <img src = "images/32.jpg">
        <img src = "images/33.jpg">

     </div>
  </body>
</html>