source: trunk/spip/esqueleto-redcta/plugins/magusine/squelettes/blocs/galeries/popup-galerie-image.html @ 556

Last change on this file since 556 was 80, checked in by guille, 16 years ago

el plugin completo
File size: 4.6 KB
Line 
1#CACHE{24*3600}
2#SET{critere_in,#ARRAY{0,0}}
3<BOUCLE_recup(ARTICLES){id_article}>
4<BOUCLE_docart(DOCUMENTS){id_article}{extension==gif|png|jpg}{mode=document}>
5#SET{critere_in,#GET{critere_in}|array_merge{#ARRAY{#COMPTEUR_BOUCLE,#ID_DOCUMENT}}}
6</BOUCLE_docart>
7</BOUCLE_recup>
8<BOUCLE_docrub(DOCUMENTS){id_rubrique}{extension==gif|png|jpg}{mode=document}>
9#SET{critere_in,#GET{critere_in}|array_merge{#ARRAY{#COMPTEUR_BOUCLE,#ID_DOCUMENT}}}
10</BOUCLE_docrub>
11<//B_recup>
12<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
13<html xmlns="http://www.w3.org/1999/xhtml">
14<head>
15<meta http-equiv="Content-Type" content="text/html;charset=#CHARSET"/>
16<title>#NOM_SITE_SPIP</title>
17#INSERT_HEAD
18<INCLURE{fond=metas}{id_article?}{id_rubrique?}>
19<link href='[(#CHEMIN{themes/#THEME/addfiles/popup-images.css}|sinon{#CHEMIN{css/popup-images.css}})]' rel='stylesheet' type='text/css' media='screen' />
20#SET{actuelle,#ENV{id_document}}
21<!-- document actuel = #GET{actuelle} -->
22<script type="text/javascript">
23
24jQuery(document).ready(function(){
25        $("#vignettes li a").not("#start").not("#end").removeAttr("href")
26        $("#vignettes li").not("#start").not("#end").click(function(){
27               
28                $("#vignettes li").not("#start").not("#end").removeClass("actuelle");
29                $(this).addClass("actuelle");
30                updatevignette();
31        });
32                updatevignette();
33       
34        $("#start").click(function(){
35                $("#vignettes .actuelle").prev("li").not("#start").each(function(){
36                $("#vignettes .actuelle").removeClass("actuelle");
37                $(this).addClass("actuelle");
38                updatevignette();
39                });
40        });
41       
42        $("#end").click(function(){
43                $("#vignettes .actuelle").next("li").not("#end").each(function(){
44                $("#vignettes .actuelle").removeClass("actuelle");
45                $(this).addClass("actuelle");
46                updatevignette();
47                });
48        });
49       
50});
51
52function updatevignette() {
53        $("#vignettes li").not("#start").not("#end").css("display","none");
54        $("#vignettes .actuelle").css("display","inline");
55        var actuelle=parseInt($("#vignettes .actuelle").attr("rel"));
56        var total=$("#vignettes li").length - 2;
57        var first=actuelle-2;
58        var last=actuelle+2;
59        if (first <=0) { 
60                last=last +1 +Math.abs(first);
61        }
62       
63        if(last > total) {
64                first=first -Math.abs(last-total);
65        }
66       
67        if (first<=1) { first=1; }
68        if (last > total) { last=total; } 
69       
70        for (i=first; i<=last; i++) {
71        $("#vignettes li").eq(i).css("display","inline");
72        }
73       
74        var neosrc=$("#vignettes .actuelle").find("a").attr("rel");
75                var titre=$("#vignettes .actuelle").find("a").attr("alt");
76                var descriptif=$("#vignettes .actuelle").find("a").attr("longdesc");
77               
78                $("#grand-format #image").html("").html(neosrc);
79                $("#grand-format #titre").html("").html(titre);
80                $("#grand-format #descriptif").html("").html(descriptif);
81                var hauteurimage=$("#grand-format").height();
82                var hauteurvignettes=$("#vignettes").height();
83                var hauteurpage=$("html").height();
84               
85                myHeight = 0;
86                if( typeof( window.innerWidth ) == 'number' ) {
87                //Non-IE
88                myHeight = window.innerHeight;
89                } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
90                //IE 6+ in 'standards compliant mode'
91                myHeight = document.documentElement.clientHeight;
92                } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
93                 //IE 4 compatible
94                myHeight = document.body.clientHeight;
95                }
96               
97                var espace=(myHeight-(hauteurimage + hauteurvignettes))/2;
98                $("#grand-format #image").css("margin-top",Math.abs(espace)+"px");
99        }
100
101function changerImage(id) 
102{
103 
104 
105}
106</script>
107</head>
108<body id="popup-image">
109<div id="general-popup">
110<BOUCLE_document(DOCUMENTS){id_document}>
111<ul id="grand-format">
112<li id="image">
113[(#FICHIER|image_reduire{600, 450})]
114</li>
115<li id="titre" class="listagetitre">[(#TITRE|supprimer_numero)]</li>
116<li id="descriptif" class="listagetexte">[(#DESCRIPTIF|ptobr)]</li>
117</ul>
118</BOUCLE_document>
119
120<B_documents>
121<ul id="vignettes">
122<li id="start">[<img src="(#CHEMIN{themes/#THEME/addfiles/prevslide.jpg}|sinon{#CHEMIN{images/prevslide.jpg}})" />]</li>
123<BOUCLE_documents(DOCUMENTS){id_document IN #GET{critere_in}}{par num titre,id_document}>
124<li rel="#COMPTEUR_BOUCLE" style="display:none;" [(#ENV{id_document}|=={#ID_DOCUMENT}|?{' ',''})class="actuelle"]>
125  <a href="#URL_SITE_SPIP/#URL_DOCUMENT" rel="[(#FICHIER|image_reduire{600, 450})]" alt="[(#TITRE|texte_script)]" longdesc="[(#DESCRIPTIF|texte_script)]">[(#INCLURE{fond=formatage_vignette}{id_document}{conteneur=2})]</a>
126</li>
127</BOUCLE_documents>
128<li id="end">[<img src="(#CHEMIN{themes/#THEME/addfiles/nextslide.jpg}|sinon{#CHEMIN{images/nextslide.jpg}})" />]</li>
129</ul>
130</B_documents>
131
132</div>
133</body>
134</html>
Note: See TracBrowser for help on using the repository browser.