integration/v2/04-slideshow.html
author cavaliet
Fri, 28 Jun 2013 10:29:38 +0200
changeset 195 cc6c6dd8c24f
parent 190 ebb8b58fc2b8
child 203 df9a887eae92
permissions -rw-r--r--
Added tag V00.06.02 for changeset 2b5ca2fb4002
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     1
<!DOCTYPE html>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     2
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     3
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     4
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     5
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     6
<head>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     7
    <meta charset="utf-8">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     8
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
     9
    <meta name="description" content="eGonomy">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    10
    <title>eGonomy : Diaporama</title>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    11
    
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    12
    <link rel="stylesheet" href="css/reset.css">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    13
    <link rel="stylesheet" href="css/fonts.css">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    14
    <link rel="stylesheet" href="css/slideshow.css">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    15
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    16
</head>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    17
<body>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    18
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    19
    <div class="slideshow-wrap">
134
9caa840b2d92 Slideshow fixes
veltr
parents: 120
diff changeset
    20
        <img class="backdrop" />
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    21
        <div class="caption-wrap">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    22
            <div class="caption">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    23
                <h2></h2>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    24
                <h3></h3>
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    25
                <div class="caption-description"></div>
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    26
            </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    27
        </div>
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    28
        <svg class="image-container" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1 1" preserveAspectRatio="none">
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    29
            <defs>
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    30
                <clipPath id="fragment-clip">
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    31
                    <path d="" class="clip-path" />
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    32
                </clipPath>
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    33
            </defs>
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    34
            <image class="main-image" xlink:href="" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip)" />
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    35
        </svg>
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    36
        <div class="arrow-wrap left-arrow">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    37
            <a class="arrow" href="#"></a>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    38
        </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    39
        <div class="arrow-wrap right-arrow">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    40
            <a class="arrow" href="#"></a>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    41
        </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    42
    </div><!-- /.wrap -->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    43
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    44
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    45
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    46
    <script src="js/slideshow.js"></script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    47
    <script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    48
        var imgurlbase = "http://egonomy.iri-research.org/static/media/";
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    49
        var slides = [
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    50
            {
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    51
                "type": "fragment",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    52
                "title": "Cavalier",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    53
                "author": "Oudry Jean Baptiste (1686-1755)",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    54
                "src": "images/6/03-005639.jpg",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    55
                "path": "M0.5252 0.4293L0.6764 0.4327L0.6827 0.4137L0.7058 0.4189L0.7058 0.3844L0.7331 0.3724L0.7857 0.3948L0.7773 0.4120L0.7647 0.4327L0.7857 0.45L0.7899 0.4775L0.7983 0.5189L0.7794 0.5431L0.7226 0.6034L0.7037 0.6051L0.6533 0.7137L0.6302 0.6965L0.6470 0.6068L0.6365 0.5431L0.6470 0.5086L0.6680 0.4655L0.6323 0.4741L0.5777 0.4758L0.5357 0.4517L0.5273 0.4413Z",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    56
                "description": "Extrait de Cerf aux abois dans les rochers de Franchard, forêt de Fontainebleau.\nLorem ipsum dolor"
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    57
            }, {
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    58
                "type": "image",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    59
                "title": "Chicago, Art Institute de la série : Vitraux",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    60
                "author": "Chagall Marc (1887-1985)",
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    61
                "src": "images/36/00-015454.jpg",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    62
                "description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940."
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    63
            }, {
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    64
                "type": "image",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    65
                "title": "La Création du monde, le septième jour",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    66
                "author": "Chagall Marc (1887-1985)",
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    67
                "src": "images/3/08-523123.jpg",
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    68
                "description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible."
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    69
            }, {
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    70
                "type": "image",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    71
                "title": "La création de l'homme",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    72
                "author": "Chagall Marc (1887-1985)",
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    73
                "src": "images/3/09-584017.jpg",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    74
                "description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940."
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    75
            }, {
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    76
                "type": "image",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    77
                "title": "Le Cantique des Cantiques II",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    78
                "author": "Chagall Marc (1887-1985)",
190
ebb8b58fc2b8 Added fragment handling in slideshow
veltr
parents: 134
diff changeset
    79
                "src": "images/57/10-500374.jpg",
120
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    80
                "description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible. Celui qui décrit le texte sacré comme « la plus grande source de poésie de tous les temps », exécute alors une quarantaine de gouaches, avant d'entamer une série d'eaux-fortes qui sont insérées au sein de la Bible de Genève : 105 gravures figurent diverses scènes-clés de l'Ancien Testament. À la main, Chagall les rehausse toutes d'un peu de gouache. Ses sujets de prédilection sont les prophètes, les patriarches, les guerriers et les rois. Surtout, il fait des liens entre le passé et le présent, entre la persécution de Jésus et celle que les Juifs subissent en Europe dans les années 1940."
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    81
            }
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    82
        ];
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    83
        
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    84
    </script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    85
</body>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    86
</html>