Orbit Slider (schoolbus.php template)

Permalink Browser Info Environment
Hi there,

first of all: nice theme, thanks!

here are some minor code-tweaks:

that the Orbit Slider uses also the duration and fading settings from the slideshow-block, just replace in /packages/theme_schoolbus/blocks/slideshow/templates/schoolbus.php line 20 to 23 with this:

<script type="text/javascript">$(function(){ 
      $(document).foundation('orbit', {timer_speed:<?php echo intval($imgInfo['duration'])*1000?>,bullets:false,animation_speed:<?php echo intval($imgInfo['fadeDuration'])*1000?>});
   });
</script>


and to have the images fitting into the slider area and center them, you need to adjust in /packaes/theme_schoolbus/themes/schoolbus/css/foundation.css:

in ".orbit-container img" (around line 9) add
max-height: 100%;


in ".orbit-container .orbit-slides-container > *" (around line 39) add
text-align: center;


Cheers

Type: Discussion
Status: Resolved
sk01
View Replies:
DeWebmakers replied on at Permalink Reply
DeWebmakers
Thanks!

I have uploaded a new version of schoolbus with your changes.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.