function fsi_styles()
{
if (!wpdev_fsi_should_display()) {
return false;
}
$opacity = get_option('fsi_opacity');
if (empty($opacity) || !is_numeric($opacity) || $opacity > 100) {
$opacity = 100;
}
$fsi_animation = get_option('fsi_animation');
?>
<style type="text/css">
html, body {
height: 100%;
}
#fsi-full-bg {
position: fixed; top: 0; left: 0;width:100%; height:100%;
z-index:-10;
}
#fsi-full-bg img { position: fixed; top: 0; left: 0; z-index:-9; opacity:0}
#fsi-full-bg img:first-child{opacity:1;}
.fsi-full-bg-full-width { width: 100%; }
.fsi-full-bg-full-height { height: 100%; }
#fsi-full-bg-overlay {
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:-9;
background:url(<?php
echo FSI_PLUGIN_URL;
?>
/images/dot_overlay.png) repeat;
}
<?php
/*if(!$fsi_animation)
echo '#fsi-full-bg img:first-child{opacity:1}';*/
?>
</style>
<?php
}
function fsi_full_screen_images()
{
$images = get_option('fsi_images');
if (empty($images)) {
return;
}
global $post;
if (is_page() && get_post_meta($post->ID, 'fsi_fs_images', true)) {
$images = array();
for ($i = 0; $i < WPDS_NUM_ADD_IMAGES; $i++) {
if (has_fsi_bg_image($post->ID, $i)) {
$images[] = the_fsi_bg_image_url($post->ID, $i);
}
}
}
if (get_option('fsi_random')) {
shuffle($images);
}
if (wpdev_fsi_should_display()) {
?>
<div id="fsi-full-bg">
<?php
for ($i = 0; $i < count($images); $i++) {
if (empty($images[$i])) {
continue;
}
?>
<img src="<?php
echo $images[$i];
?>
" />
<?php
}
?>
</div>
<?php
if (get_option('fsi_overlay') == 1) {
echo '<div id="fsi-full-bg-overlay"></div>';
}
}
}
function fsi_scripts()
{
if (!wpdev_fsi_should_display()) {
return false;
}
$opacity = get_option('fsi_opacity');
if (empty($opacity) || !is_numeric($opacity) || $opacity > 100) {
$opacity = 100;
}
global $post;
$fsi_animation = get_option('fsi_animation');
if (is_page() && get_post_meta($post->ID, 'fsi_fs_images', true)) {
$fsi_animation = get_post_meta($post->ID, 'fsi_fs_images_slideshow', true);
}
$animationDelay = get_option('fsi_animation_delay');
if (empty($animationDelay) || !is_numeric($animationDelay) || $animationDelay < 1) {
$animationDelay = 4;
}
$animationDuration = get_option('fsi_animation_duration');
if (empty($animationDuration) || !is_numeric($animationDuration) || $animationDuration < 1) {
$animationDuration = 5;
}
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
<?php
if ($fsi_animation) {
?>
window.fsi_interval = setInterval(fsi_slideshow,<?php
echo $animationDelay * 1000;
?>
);
<?php
}
?>
function fsi_slideshow(){
$('#fsi-full-bg img.fsi_active').animate({opacity:0},<?php
echo $animationDuration * 100;
?>
, function(){
$(this).removeClass('fsi_active');
})
if($('#fsi-full-bg img.fsi_active').next().length>0)
$('#fsi-full-bg img.fsi_active').next().animate({opacity:<?php
echo $opacity / 100;
?>
},<?php
echo $animationDuration * 100;
?>
).addClass('fsi_active');
else
$('#fsi-full-bg img:first').animate({opacity:<?php
echo $opacity / 100;
?>
},<?php
echo $animationDuration * 100;
?>
).addClass('fsi_active');
}
var fsi_theWindow = $(window);
function fsi_resize_images() {
$("#fsi-full-bg img").load(function(){
var imgWidth = $(this).width();
var imgHeight = $(this).height();;
var aspectRatio = imgWidth/ imgHeight;
if(imgWidth < fsi_theWindow.width() || imgHeight < fsi_theWindow.height() ){
if(imgWidth < fsi_theWindow.width() ) {
$(this).css('left','50%');
$(this).css('margin-left','-'+imgWidth/2+'px');
}
if(imgHeight < fsi_theWindow.height() ) {
$(this).css('top','50%');
$(this).css('margin-top','-'+imgHeight/2+'px');
}
}else {
if ( (fsi_theWindow.width() / fsi_theWindow.height()) < aspectRatio ) {
$(this)
.removeClass()
.addClass('fsi-full-bg-full-height');
$(this).css('left','50%');
$(this).css('margin-left','-'+$(this).width()/2+'px');
} else {
$(this)
.removeClass()
.addClass('fsi-full-bg-full-width');
$(this).css('top','50%');
$(this).css('margin-top','-'+$(this).height()/2+'px');
}
}
// if first image is loaded.. start slideshow
if($('#fsi-full-bg img:first')[0] == $(this)[0] ) {
$(this).animate({opacity:<?php
echo $opacity / 100;
?>
},100).addClass('fsi_active');
}
});
//fsi_theWindow.resize(resizeBg);
}
fsi_resize_images();
});
</script>
<?php
}
