J'ai inséré en page d'accueil le bloc slideshow (aléatoire) d'extgallery.
Je réussi à faire fonctionner le slideshow. (oufff).
Seulement la taille du cadre est trop "petite" et coupe mes images.
cf.
http://www.xpected.frLa première est à la bonne taille, la suite par contre est tronquée. Or la taille originale des thumbs me convient très bien dans ma page.
Est ce qu'il faut toucher au template du bloc que voici?
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
<{foreachq item=slideshow from=$block.slideshows name=slideShow}>
var data_<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}> = {
<{foreachq item=photo from=$slideshow name=slideShowPhotos}>
<{if $block.display_type == 'slideshow'}>
'thumb_<{$photo.photo_name}>': { caption: '<{$photo.photo_desc|escape:'quotes'}>', href: '<{$xoops_url}>/modules/extgallery/public-slideshow.php?id=<{$photo.cat_id}>' }<{if ! $smarty.foreach.slideShowPhotos.last}>,<{/if}>
<{else}>
'thumb_<{$photo.photo_name}>': { caption: '<{$photo.photo_desc|escape:'quotes'}>', href: '<{$xoops_url}>/modules/extgallery/public-photo.php?photoId=<{$photo.photo_id}>' }<{if ! $smarty.foreach.slideShowPhotos.last}>,<{/if}>
<{/if}>
<{/foreach}>
};
(function () {
<{if $block.transtype == 'fold'}>
var myShow = new Slideshow.Fold('extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>', data_<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>, {
<{elseif $block.transtype == 'kenburns'}>
var myShow = new Slideshow.KenBurns('extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>', data_<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>, {
<{elseif $block.transtype == 'push'}>
var myShow = new Slideshow.Push('extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>', data_<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>, {
<{else}>
var myShow = new Slideshow('extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>', data_<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>, {
<{/if}>
captions: <{$block.desc}>,
delay: <{$block.delay}>,
duration: <{$block.duration}>,
transition: '<{$block.effecttype}>:<{$block.effectoption}>',
height: 100,
width: 100,
overlap: false,
resize: false,
hu: '<{$xoops_url}>/uploads/extgallery/public-photo/thumb/'}
);
}).delay(Math.random() * <{$block.delay}>);
<{/foreach}>
});
//]]>
</script>
<table style="width:100%;">
<{if $block.direction == 0}>
<tr>
<{foreachq item=slideshow from=$block.slideshows name=slideShow}>
<td style="text-align:center; vertical-align:middle;">
<div id="extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>" class="slideshow-block">
<img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$slideshow[0].photo_name}>" alt="<{$slideshow[0].photo_desc|escape:'html'}>" />
</div>
</td>
<{/foreach}>
</tr>
<{else}>
<{foreachq item=slideshow from=$block.slideshows name=slideShow}>
<tr>
<td style="text-align:center; vertical-align:middle;">
<div id="extgallery-show-<{$block.uniqid}>_<{$smarty.foreach.slideShow.index}>" class="slideshow-block">
<img src="<{$xoops_url}>/uploads/extgallery/public-photo/thumb/thumb_<{$slideshow[0].photo_name}>" alt="<{$slideshow[0].photo_desc|escape:'html'}>" />
</div>
</td>
</tr>
<{/foreach}>
<{/if}>
</table>
