/trunk/widget/modules/photo/squelettes/css/photo.css |
---|
1,7 → 1,7 |
@charset "UTF-8"; |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Widget */ |
#cel-photo-contenu{ |
.cel-photo-contenu{ |
position:relative; |
padding:0 5px; |
margin:5px auto; |
10,7 → 10,7 |
background-color:#4A4B4C; |
color:#CCC; |
} |
#cel-photo-contenu h1 { |
.cel-photo-contenu h1 { |
margin:5px; |
padding:0; |
font-size:1.6em; |
20,87 → 20,89 |
text-transform:none; |
text-align:left; |
} |
#cel-photo-contenu h1 a{ |
.cel-photo-contenu h1 a{ |
color:#CCC; |
} |
#cel-photo-contenu h1 #cel-photo-flux{ |
.cel-photo-contenu h1 .cel-photo-flux{ |
width:16px; |
height:20px; |
} |
#cel-photo-contenu img { |
.cel-photo-contenu img { |
border:0; |
padding:0; |
margin:0; |
} |
#cel-photo-contenu a, #cel-photo-contenu a:active, #cel-photo-contenu a:visited { |
.cel-photo-contenu a, .cel-photo-contenu a:active, .cel-photo-contenu a:visited { |
border-bottom:1px dotted #666; |
color:#CCC; |
text-decoration:none; |
background-image:none; |
} |
#cel-photo-contenu a:active { |
.cel-photo-contenu a:active { |
outline:none; |
} |
#cel-photo-contenu a:focus { |
.cel-photo-contenu a:focus { |
outline:thin dotted; |
} |
#cel-photo-contenu a:hover { |
.cel-photo-contenu a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
#cel-photo-date-generation{ |
text-align:right; |
.cel-photo-date-generation{ |
float:right; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Général */ |
#cel-photo-contenu .discretion { |
.cel-photo-contenu .discretion { |
color:grey; |
font-family:arial; |
font-size:11px; |
font-weight:bold; |
} |
#cel-photo-contenu .nettoyage { |
.cel-photo-contenu .nettoyage { |
clear:both; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Galerie Photos CEL */ |
#cel-photo-contenu .cel-photo a{ |
.cel-photo-contenu .cel-photo a{ |
float:left; |
padding:2px; |
border:1px solid white; |
} |
#cel-photo-contenu .cel-photo a:hover{ |
.cel-photo-contenu .cel-photo a:hover{ |
border:1px dotted #FD8C13; |
} |
#cel-photo-contenu .cel-photo a img{ |
.cel-photo-contenu .cel-photo a img{ |
float:left; |
width:63px; |
height:63px; |
} |
#cel-photo-contenu #cel-photo-extra img{ |
.cel-photo-contenu .cel-photo-extra a img{ |
height:auto; |
} |
#cel-photo-contenu .cel-infos { |
.cel-photo-contenu .cel-infos { |
display:none; |
} |
/*+-----------------------------------------------------------------------------------------------------------------+*/ |
/* Diaporama */ |
#cel-legende{ |
.cel-legende{ |
text-align:left; |
} |
#cel-legende-vei{ |
.cel-legende-vei{ |
float:right; |
} |
#cel-legende p{ |
.cel-legende p{ |
color:black; |
font-size:12px; |
margin:5px 0; |
} |
#cel-legende a { |
.cel-legende a, .cel-legende a:active, .cel-legende a:visited { |
border-bottom:1px dotted gainsboro; |
color:#333; |
border-bottom:1px dotted gainsboro; |
text-decoration:none; |
background-image:none; |
} |
#cel-legende a:hover { |
.cel-legende a:hover { |
color:#56B80E; |
border-bottom:1px dotted #56B80E; |
} |
/trunk/widget/modules/photo/squelettes/photo.tpl.html |
---|
37,21 → 37,21 |
background-color:#4A4B4C; |
color:#CCC; |
} |
#cel-photo-contenu, #cel-galerie-photo{ |
#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{ |
width:<?=(($colonne * 69))?>px; |
} |
#cel-galerie-photo #cel-photo-extra img{ |
#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{ |
width:<?=(($colonne * 69)-6)?>px; |
} |
</style> |
<!-- Javascript : bibliothèques --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script> |
</head> |
<body> |
<!-- WIDGET:CEL:PHOTO - DEBUT --> |
<div id="cel-photo-contenu"> |
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu"> |
<?php if (isset($erreurs) || isset($informations)) : ?> |
<h1>Erreur & informations</h1> |
<p>Impossible d'afficher le flux.</p> |
69,21 → 69,25 |
<?php endif; ?> |
<?php else : ?> |
<h1> |
Dernières images du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<? if (!empty($titre)) : ?> |
<?=$titre?> |
<? else : ?> |
Dernières images du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<? endif; ?> |
<a href="<?=$flux_rss_url?>" |
id="cel-photo-flux" |
class="cel-photo-flux" |
title="Suivre les images" |
onclick="window.open(this.href);return false;"> |
<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" /> |
</a> |
</h1> |
<div id="cel-galerie-photo"> |
<div id="cel-galerie-photo<?=$id?>"> |
<?php foreach ($items as $item) : ?> |
<div class="cel-photo"> |
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ"> |
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>"> |
<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/> |
</a> |
<div id="cel-info-<?=$item['guid']?>" class="cel-infos"> |
99,40 → 103,44 |
</div> |
<?php endforeach; ?> |
<?php if ($extra_actif) : ?> |
<div id="cel-photo-extra" class="cel-photo"> |
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ"> |
<div id="cel-photo-extra<?=$id?>" class="cel-photo-extra cel-photo"> |
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>"> |
<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/> |
</a> |
</div> |
</div> |
<?php endif ?> |
<p id="cel-photo-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<p class="cel-photo-pieds discretion nettoyage"> |
<span class="cel-photo-source"> |
Source : |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
</span> |
<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span> |
</p> |
<script type="text/Javascript"> |
//<![CDATA[ |
function formaterTitre(titre, currentArray, currentIndex, currentOpts) { |
var motif = /GUID : ([0-9]+)$/; |
motif.exec(titre); |
var guid = RegExp.$1; |
var info = $('#cel-info-'+guid).clone().html(); |
var tpl = |
'<div id="cel-legende">'+ |
'<p id="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+ |
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+ |
'<\/div>'; |
return tpl; |
} |
$(document).ready(function() { |
$('a.cel-img').attr('rel', 'galerie-princ').fancybox({ |
transitionIn:'elastic', |
transitionOut:'elastic', |
speedIn :600, |
speedOut:200, |
overlayShow:true, |
titleShow:true, |
titlePosition:'inside', |
titleFormat:formaterTitre |
}); |
$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({ |
transitionIn:'elastic', |
transitionOut:'elastic', |
speedIn :600, |
speedOut:200, |
overlayShow:true, |
titleShow:true, |
titlePosition:'inside', |
titleFormat:function (titre, currentArray, currentIndex, currentOpts) { |
var motif = /GUID : ([0-9]+)$/; |
motif.exec(titre); |
var guid = RegExp.$1; |
var info = $('#cel-info-'+guid).clone().html(); |
var tpl = |
'<div class="cel-legende">'+ |
'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+ |
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+ |
'<\/div>'; |
return tpl; |
} |
}); |
//]]> |
</script> |
/trunk/widget/modules/photo/squelettes/photo_ajax.tpl.html |
---|
1,17 → 1,15 |
<!-- WIDGET:CEL:PHOTO - DEBUT --> |
<div id="cel-photo-contenu"> |
<div id="cel-photo-contenu<?=$id?>" class="cel-photo-contenu"> |
<!-- Feuilles de styles --> |
<style type="text/css"> |
#cel-photo-contenu, #cel-galerie-photo{ |
#cel-photo-contenu<?=$id?>, #cel-galerie-photo<?=$id?>{ |
width:<?=(($colonne * 69))?>px; |
} |
#cel-galerie-photo #cel-photo-extra img{ |
#cel-galerie-photo<?=$id?> #cel-photo-extra<?=$id?> img{ |
width:<?=(($colonne * 69)-6)?>px; |
} |
</style> |
<!-- Javascript : bibliothèques --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script> |
<?php if (isset($erreurs) || isset($informations)) : ?> |
<h1>Erreur & informations</h1> |
<p>Impossible d'afficher le flux.</p> |
29,21 → 27,25 |
<?php endif; ?> |
<?php else : ?> |
<h1> |
Dernières images du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<? if (!empty($titre)) : ?> |
<?=$titre?> |
<? else : ?> |
Dernières images du |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
<? endif; ?> |
<a href="<?=$flux_rss_url?>" |
id="cel-photo-flux" |
class="cel-photo-flux<?=$id?>" |
title="Suivre les images" |
onclick="window.open(this.href);return false;"> |
<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les images" /> |
</a> |
</h1> |
<div id="cel-galerie-photo"> |
<div id="cel-galerie-photo<?=$id?>"> |
<?php foreach ($items as $item) : ?> |
<div class="cel-photo"> |
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ"> |
<a href="<?=sprintf($item['url_tpl'], 'XL')?>" class="cel-img" title="<?=$item['titre']?> - Publiée le <?=$item['date']?> - GUID : <?=$item['guid']?>" rel="galerie-princ<?=$id?>"> |
<img src="<?=sprintf($item['url_tpl'], 'CRX2S')?>" alt="<?=$item['titre']?>"/> |
</a> |
<div id="cel-info-<?=$item['guid']?>" class="cel-infos"> |
59,31 → 61,28 |
</div> |
<?php endforeach; ?> |
<?php if ($extra_actif) : ?> |
<div id="cel-photo-extra" class="cel-photo"> |
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ"> |
<div id="cel-photo-extra<?=$id?>" class="cel-photo cel-photo-extra"> |
<a href="<?=sprintf($extra['url_tpl'], 'XL')?>" class="cel-img" title="<?=$extra['titre']?> - Publiée le <?=$extra['date']?> - GUID : <?=$extra['guid']?>" rel="galerie-princ<?=$id?>"> |
<img src="<?=sprintf($extra['url_tpl'], 'CRS')?>" alt="<?=$extra['titre']?>"/> |
</a> |
</div> |
</div> |
<?php endif ?> |
<p id="cel-photo-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p> |
<p class="cel-photo-pieds discretion nettoyage"> |
<span class="cel-photo-source"> |
Source : |
<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;"> |
CEL |
</a> |
</span> |
<span class="cel-photo-date-generation">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></span> |
</p> |
<script type="text/Javascript"> |
//<![CDATA[ |
function formaterTitre(titre, currentArray, currentIndex, currentOpts) { |
var motif = /GUID : ([0-9]+)$/; |
motif.exec(titre); |
var guid = RegExp.$1; |
var info = $('#cel-info-'+guid).clone().html(); |
var tpl = |
'<div id="cel-legende">'+ |
'<p id="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+ |
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+ |
'<\/div>'; |
return tpl; |
} |
$(document).ready(function() { |
$('a.cel-img').attr('rel', 'galerie-princ').fancybox({ |
$('a.cel-img').attr('rel', 'galerie-princ<?=$id?>').fancybox({ |
transitionIn:'elastic', |
transitionOut:'elastic', |
speedIn :600, |
91,7 → 90,18 |
overlayShow:true, |
titleShow:true, |
titlePosition:'inside', |
titleFormat:formaterTitre |
titleFormat:function (titre, currentArray, currentIndex, currentOpts) { |
var motif = /GUID : ([0-9]+)$/; |
motif.exec(titre); |
var guid = RegExp.$1; |
var info = $('#cel-info-'+guid).clone().html(); |
var tpl = |
'<div class="cel-legende">'+ |
'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+ |
(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+ |
'<\/div>'; |
return tpl; |
} |
}); |
}); |
//]]> |
/trunk/widget/modules/photo/Photo.php |
---|
82,6 → 82,8 |
extract($this->parametres); |
$extra = (isset($extra) && $extra == 0) ? false : ($this->config['photo']['extraActif'] ? true : false); |
$vignette = (isset($vignette) && preg_match('/^[0-9]+,[0-9]+$/', $vignette)) ? $vignette : '4,3'; |
$id = '-'.(isset($id) ? $id : '1'); |
$titre = (isset($titre) ? rawurldecode($titre) : ''); |
list($colonne, $ligne) = explode(',', $vignette); |
$this->flux_rss_url .= $this->traiterParametres(); |
if (@file_get_contents($this->flux_rss_url, false) != false) { |
89,7 → 91,8 |
if ($xml) { |
try { |
$flux = new XmlFeedParser($xml); |
$widget['donnees']['id'] = $id; |
$widget['donnees']['titre'] = $titre; |
$widget['donnees']['flux_rss_url'] = $this->flux_rss_url; |
$widget['donnees']['url_css'] = sprintf($this->config['chemins']['baseURLAbsoluDyn'], 'modules/photo/squelettes/css/'); |
$widget['donnees']['colonne'] = $colonne; |
/trunk/widget/modules/photo/. |
---|
Property changes: |
Added: svn:ignore |
+config.ini |