Hallo,
ich habe auch das Problem, dass Hochformat-Bilder immer nur rechts oder links angezeigt werden, aber nicht zentriert. Habe die genannten Einstellungen ausprobiert, aber es funktioniert nicht. So sieht mein Template aus:
Code:
var images_<?php echo $this->id; ?> = {<?php echo $this->imgElements; ?>};
var show_<?php echo $this->id; ?> = new Slideshow<?php echo $this->EffectType;?>('show<?php echo $this->id; ?>', images_<?php echo $this->id; ?>,
{
width: <?php echo $this->arrSlideshow2Size[0]; ?>,
height: <?php echo $this->arrSlideshow2Size[1]; ?>,
delay: <?php echo $this->rotation_interval; ?>,
duration: <?php echo $this->effect_duration; ?>,
<?php echo $this->EffectsExtended; ?>
loop: <?php echo $this->play_loop; ?>,
paused: <?php echo $this->play_paused; ?>,
random: <?php echo $this->play_random; ?>,
controller: <?php echo $this->controls; ?>,
fast: <?php echo $this->controls_type; ?>,
thumbnails: <?php echo $this->thumbnails; ?>,
captions: <?php echo $this->captions; ?>,
loader: {'animate': ['plugins/slideshow2/img/loader-#.png', 12]},
resize: false,
center: true,
overlap: false
});
<?php if($this->thumbnails_overlay == true): ?>
['a', 'b'].each(function(p){
new Element('div', { 'class': 'overlay ' + p }).inject(show_<?php echo $this->id; ?>.slideshow.retrieve('thumbnails'));
}, show_<?php echo $this->id; ?>);
<?php endif; ?>
Bei "resize" habe ich es auch mit length und fit probiert, alles jeweils mit und ohne Anführungszeichen.
EDIT:
Ok, hat sich erledigt, ich habe gerade das hier auf der Projekt-Website gefunden:
"center - (boolean: default true) Whether the show should attempt to center images.
Centering will not work as anticipated if the CSS classes used to define the effects of the show include absolute positioning. For this reason, it is recommended to use image margins to animate slide changes. For a demonstration, please consult the example."
EDIT 2:
Hat sich leider doch nicht erledigt. Ich habe, wie in den Beispiel beschrieben, folgendes in meinen CSS-Code aufgenommen:
Code:
.slideshow-images-visible {
margin-left: 0;
}
.slideshow-images-prev {
margin-left: 400px;
}
.slideshow-images-next {
margin-left: -400px;
}
Das ändert aber leider gar nichts...
Viele Grüße
Tina