[80] | 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 | |
---|
| 24 | jQuery(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 | |
---|
| 52 | function 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 | |
---|
| 101 | function 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> |
---|