integration/v2/04-slideshow.html
author Anthony Ly <anthonyly.com@gmail.com>
Tue, 18 Jun 2013 17:38:17 +0200
changeset 123 46faba205083
parent 120 b1e22c229870
child 134 9caa840b2d92
permissions -rw-r--r--
Merge
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">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    20
        <canvas class="imagezone"></canvas>
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>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    25
                <p></p>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    26
            </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    27
        </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    28
        <div class="arrow-wrap left-arrow">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    29
            <a class="arrow" href="#"></a>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    30
        </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    31
        <div class="arrow-wrap right-arrow">
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    32
            <a class="arrow" href="#"></a>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    33
        </div>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    34
    </div><!-- /.wrap -->
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    35
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    36
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    37
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    38
    <script src="js/slideshow.js"></script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    39
    <script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    40
        var imgurlbase = "http://egonomy.iri-research.org/static/media/";
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    41
        var slides = [
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    42
            {
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    43
                "title": "Chicago, Art Institute de la série : Vitraux",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    44
                "author": "Chagall Marc (1887-1985)",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    45
                "url": "images/36/00-015454.jpg",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    46
                "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
    47
            }, {
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    48
                "title": "La Création du monde, le septième jour",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    49
                "author": "Chagall Marc (1887-1985)",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    50
                "url": "images/3/08-523123.jpg",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    51
                "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
    52
            }, {
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    53
                "title": "La création de l'homme",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    54
                "author": "Chagall Marc (1887-1985)",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    55
                "url": "images/3/09-584017.jpg",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    56
                "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
    57
            }, {
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    58
                "title": "Le Cantique des Cantiques II",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    59
                "author": "Chagall Marc (1887-1985)",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    60
                "url": "images/57/10-500374.jpg",
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    61
                "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
    62
            }
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    63
        ];
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    64
        
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    65
    </script>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    66
</body>
b1e22c229870 Added slideshow
veltr
parents:
diff changeset
    67
</html>