Hieronder de huidige settings :
CMSMS 1.11.4 ; Gallery 1.6
Gebruikte Cycle 1.13 template (genoemd "cc_cycle")
Code: Select all
<div id="gallery_wrapper">
<div id="slides">
{foreach from=$images item=image}
{if !$image->isdir}
<img src="{$image->file}" alt="{$image->titlename}" />
{/if}
{/foreach}
</div>
</div>
Code: Select all
/* height and width should be the same as the original file sizes */
#gallery_wrapper {
width: 800px;
height: 470px;
padding: 10px;
text-align: center;
margin: 5px; /* 0 auto; -> position centered on page */
border: solid 1px #826D48;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-ms-border-radius: 10px; /*Microsoft*/
-o-border-radius: 10px; /*Opera*/
border-radius: 10px; /* CSS3 */
}
#slides {text-align: center;}
#slides img {
border: none;
margin-left: auto;
margin-right: auto;
}
margin: 5px;
vervangen door
margin: 0 auto;
dan blijven de beelden nog steeds links staan , doch de omlijning van de wrapper verdwijnt.
De beeldcaroussel wordt aangeroepen in het page content blok #main , welke via een DIV gecentreerd wordt op de pagina.
Code: Select all
{Gallery dir='2013' template="cc_cycle"}