integration/v2/04-slideshow.html
changeset 190 ebb8b58fc2b8
parent 134 9caa840b2d92
child 203 df9a887eae92
equal deleted inserted replaced
189:037ff36ba217 190:ebb8b58fc2b8
    16 </head>
    16 </head>
    17 <body>
    17 <body>
    18 
    18 
    19     <div class="slideshow-wrap">
    19     <div class="slideshow-wrap">
    20         <img class="backdrop" />
    20         <img class="backdrop" />
    21         <img class="main-image" />
       
    22         <div class="caption-wrap">
    21         <div class="caption-wrap">
    23             <div class="caption">
    22             <div class="caption">
    24                 <h2></h2>
    23                 <h2></h2>
    25                 <h3></h3>
    24                 <h3></h3>
    26                 <p></p>
    25                 <div class="caption-description"></div>
    27             </div>
    26             </div>
    28         </div>
    27         </div>
       
    28         <svg class="image-container" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1 1" preserveAspectRatio="none">
       
    29             <defs>
       
    30                 <clipPath id="fragment-clip">
       
    31                     <path d="" class="clip-path" />
       
    32                 </clipPath>
       
    33             </defs>
       
    34             <image class="main-image" xlink:href="" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip)" />
       
    35         </svg>
    29         <div class="arrow-wrap left-arrow">
    36         <div class="arrow-wrap left-arrow">
    30             <a class="arrow" href="#"></a>
    37             <a class="arrow" href="#"></a>
    31         </div>
    38         </div>
    32         <div class="arrow-wrap right-arrow">
    39         <div class="arrow-wrap right-arrow">
    33             <a class="arrow" href="#"></a>
    40             <a class="arrow" href="#"></a>
    39     <script src="js/slideshow.js"></script>
    46     <script src="js/slideshow.js"></script>
    40     <script>
    47     <script>
    41         var imgurlbase = "http://egonomy.iri-research.org/static/media/";
    48         var imgurlbase = "http://egonomy.iri-research.org/static/media/";
    42         var slides = [
    49         var slides = [
    43             {
    50             {
       
    51                 "type": "fragment",
       
    52                 "title": "Cavalier",
       
    53                 "author": "Oudry Jean Baptiste (1686-1755)",
       
    54                 "src": "images/6/03-005639.jpg",
       
    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",
       
    56                 "description": "Extrait de Cerf aux abois dans les rochers de Franchard, forêt de Fontainebleau.\nLorem ipsum dolor"
       
    57             }, {
       
    58                 "type": "image",
    44                 "title": "Chicago, Art Institute de la série : Vitraux",
    59                 "title": "Chicago, Art Institute de la série : Vitraux",
    45                 "author": "Chagall Marc (1887-1985)",
    60                 "author": "Chagall Marc (1887-1985)",
    46                 "url": "images/36/00-015454.jpg",
    61                 "src": "images/36/00-015454.jpg",
    47                 "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."
    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."
    48             }, {
    63             }, {
       
    64                 "type": "image",
    49                 "title": "La Création du monde, le septième jour",
    65                 "title": "La Création du monde, le septième jour",
    50                 "author": "Chagall Marc (1887-1985)",
    66                 "author": "Chagall Marc (1887-1985)",
    51                 "url": "images/3/08-523123.jpg",
    67                 "src": "images/3/08-523123.jpg",
       
    68                 "description": "En 1930, le marchand d'art et ami de Chagall, Ambroise Vollard, lui commande une série d'illustrations sur la Bible."
       
    69             }, {
       
    70                 "type": "image",
       
    71                 "title": "La création de l'homme",
       
    72                 "author": "Chagall Marc (1887-1985)",
       
    73                 "src": "images/3/09-584017.jpg",
    52                 "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."
    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."
    53             }, {
    75             }, {
    54                 "title": "La création de l'homme",
    76                 "type": "image",
    55                 "author": "Chagall Marc (1887-1985)",
       
    56                 "url": "images/3/09-584017.jpg",
       
    57                 "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."
       
    58             }, {
       
    59                 "title": "Le Cantique des Cantiques II",
    77                 "title": "Le Cantique des Cantiques II",
    60                 "author": "Chagall Marc (1887-1985)",
    78                 "author": "Chagall Marc (1887-1985)",
    61                 "url": "images/57/10-500374.jpg",
    79                 "src": "images/57/10-500374.jpg",
    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."
    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."
    63             }
    81             }
    64         ];
    82         ];
    65         
    83         
    66     </script>
    84     </script>