$data .= '<a href="' . $sublayer['url'] . '" target="' . $sublayer['target'] . '" ' . $sublayerID . ' ' . $sublayerRel . ' class="ls-s' . $sublayer['level'] . '' . $sublayerClass . '" ' . $sublayerTitle . ' style="position: absolute; top: ' . layerslider_check_unit($sublayer['top']) . '; left:' . layerslider_check_unit($sublayer['left']) . '; display: block; ' . $slidedirection . ' ' . $slideoutdirection . ' durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . '; ' . $sublayer['rotatein'] . '' . $sublayer['rotateout'] . '' . $sublayer['scalein'] . '' . $sublayer['scaleout'] . 'showuntil : ' . $sublayer['showuntil'] . '">'; if (empty($sublayer['type']) || $sublayer['type'] == 'img') { if (!empty($sublayer['image'])) { $data .= '<img src="' . $sublayer['image'] . '" ' . $sublayerAlt . ' style="' . $sublayerStyle . '' . $customStyles . '">'; } } else { $data .= '<' . $sublayer['type'] . ' class="' . $sublayerClass . '" style="' . $sublayerStyle . ' ' . $customStyles . '' . $sublayerWordWrap . '"> ' . $sublayer['html'] . ' </' . $sublayer['type'] . '>'; } $data .= '</a>'; } else { if (empty($sublayer['type']) || $sublayer['type'] == 'img') { if (!empty($sublayer['image'])) { $data .= '<img class="ls-s' . $sublayer['level'] . '' . $linkTo . '' . $sublayerClass . '" ' . $sublayerID . ' src="' . $sublayer['image'] . '" ' . $sublayerAlt . ' style="position: absolute; top: ' . layerslider_check_unit($sublayer['top']) . '; left: ' . layerslider_check_unit($sublayer['left']) . '; ' . $slidedirection . ' ' . $slideoutdirection . ' durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . '; ' . $sublayer['rotatein'] . '' . $sublayer['rotateout'] . '' . $sublayer['scalein'] . '' . $sublayer['scaleout'] . 'showuntil : ' . $sublayer['showuntil'] . '; ' . $sublayerStyle . '' . $customStyles . '">'; } } else { $data .= '<' . $sublayer['type'] . ' ' . $sublayerID . ' class="ls-s' . $sublayer['level'] . '' . $linkTo . '' . $sublayerClass . '" style="position: absolute; top:' . layerslider_check_unit($sublayer['top']) . '; left: ' . layerslider_check_unit($sublayer['left']) . '; ' . $slidedirection . ' ' . $slideoutdirection . ' durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . '; ' . $sublayer['rotatein'] . '' . $sublayer['rotateout'] . '' . $sublayer['scalein'] . '' . $sublayer['scaleout'] . 'showuntil : ' . $sublayer['showuntil'] . '; ' . $sublayerStyle . ' ' . $customStyles . '' . $sublayerWordWrap . '"> ' . $sublayer['html'] . ' </' . $sublayer['type'] . '>'; } } } } // Link this slide if (!empty($layer['properties']['layer_link'])) { $data .= '<a href="' . $layer['properties']['layer_link'] . '" target="' . $layer['properties']['layer_link_target'] . '" class="ls-link"></a>'; } $data .= '</div>'; } } $data .= '</div>'; if (isset($slides['properties']['forceresponsive']) && $slides['properties']['forceresponsive'] != 'false') { $data .= '</div>'; $data .= '</div>';
} if (!empty($layer['props']['url'])) { if (!empty($layer['props']['rel'])) { $el->attr('rel', $layer['props']['rel']); } if (!empty($layer['props']['title'])) { $el->attr('title', $layer['props']['title']); } } else { if (!empty($layer['props']['title'])) { $inner->attr('title', $layer['props']['title']); } } // Transition & style $el->attr('style', 'top:' . layerslider_check_unit($layer['props']['top']) . ';'); $el->attr('style', $el->attr('style') . 'left:' . layerslider_check_unit($layer['props']['left']) . ';'); if (isset($layer['attrs']) && isset($layer['props']['transition'])) { $el->attr('data-ls', ls_array_to_attr($layer['attrs'])); } elseif (isset($layer['attrs'])) { $el->attr('style', $el->attr('style') . ls_array_to_attr($layer['attrs'])); } if (!empty($layer['props']['style'])) { if (substr($layer['props']['style'], -1) != ';') { $layer['props']['style'] .= ';'; } $inner->attr('style', $inner->attr('style') . preg_replace('/\\s\\s+/', ' ', $layer['props']['style'])); } if (!empty($layer['props']['styles'])) { $inner->attr('style', $inner->attr('style') . ls_array_to_attr(json_decode($layer['props']['styles'], true), 'css')); } if (empty($layer['props']['wordwrap'])) {
function layerslider_render_js($id, $slides = array()) { $lsPluginPath = base_path() . drupal_get_path('module', 'layer_slider') . '/'; if (is_array($slides)) { $data = ''; // $data .= NL . '<script type="text/javascript">' . NL; $data .= TAB . 'jQuery(document).ready(function() { ' . NL; $data .= TAB . TAB . 'jQuery("#layerslider_' . $id . '").layerSlider({ ' . NL; $data .= TAB . TAB . TAB . 'width : \'' . layerslider_check_unit($slides['properties']['width']) . '\',' . NL; $data .= TAB . TAB . TAB . 'height : \'' . layerslider_check_unit($slides['properties']['height']) . '\',' . NL; $data .= TAB . TAB . TAB . 'responsive : '; $data .= isset($slides['properties']['responsive']) ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'responsiveUnder : '; $data .= !empty($slides['properties']['responsiveunder']) ? $slides['properties']['responsiveunder'] : '0'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'sublayerContainer : '; $data .= !empty($slides['properties']['sublayercontainer']) ? $slides['properties']['sublayercontainer'] : '0'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'autoStart : '; $data .= isset($slides['properties']['autostart']) && $slides['properties']['autostart'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'pauseOnHover : '; $data .= isset($slides['properties']['pauseonhover']) && $slides['properties']['pauseonhover'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'firstLayer : '; $data .= is_numeric($slides['properties']['firstlayer']) ? $slides['properties']['firstlayer'] : '\'random\''; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'animateFirstLayer : '; $data .= isset($slides['properties']['animatefirstlayer']) && $slides['properties']['animatefirstlayer'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'randomSlideshow : '; $data .= isset($slides['properties']['randomslideshow']) && $slides['properties']['randomslideshow'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'twoWaySlideshow : '; $data .= isset($slides['properties']['twowayslideshow']) && $slides['properties']['twowayslideshow'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'keybNav : '; $data .= isset($slides['properties']['keybnav']) && $slides['properties']['keybnav'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'touchNav : '; $data .= isset($slides['properties']['touchnav']) && $slides['properties']['touchnav'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'imgPreload : '; $data .= isset($slides['properties']['imgpreload']) && $slides['properties']['imgpreload'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'navPrevNext : '; $data .= isset($slides['properties']['navprevnext']) && $slides['properties']['navprevnext'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'navStartStop : '; $data .= isset($slides['properties']['navstartstop']) && $slides['properties']['navstartstop'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'navButtons : '; $data .= isset($slides['properties']['navbuttons']) && $slides['properties']['navbuttons'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'hoverPrevNext : '; $data .= isset($slides['properties']['hoverprevnext']) && $slides['properties']['hoverprevnext'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'hoverBottomNav : '; $data .= isset($slides['properties']['hoverbottomnav']) && $slides['properties']['hoverbottomnav'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'thumbnailNavigation : \''; $data .= !empty($slides['properties']['thumb_nav']) ? $slides['properties']['thumb_nav'] : 'hover'; $data .= '\',' . NL; $data .= TAB . TAB . TAB . 'tnWidth : '; $data .= !empty($slides['properties']['thumb_width']) ? $slides['properties']['thumb_width'] : '100'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'tnHeight : '; $data .= !empty($slides['properties']['thumb_height']) ? $slides['properties']['thumb_height'] : '60'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'tnContainerWidth : \''; $data .= !empty($slides['properties']['thumb_container_width']) ? $slides['properties']['thumb_container_width'] : '60%'; $data .= '\',' . NL; $data .= TAB . TAB . TAB . 'tnActiveOpacity : '; $data .= !empty($slides['properties']['thumb_active_opacity']) ? $slides['properties']['thumb_active_opacity'] : '35'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'tnInactiveOpacity : '; $data .= !empty($slides['properties']['thumb_inactive_opacity']) ? $slides['properties']['thumb_inactive_opacity'] : '100'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'skin : \''; $data .= $slides['properties']['skin']; $data .= '\',' . NL; $data .= TAB . TAB . TAB . 'skinsPath : \''; $data .= $lsPluginPath . 'skins/'; $data .= '\',' . NL; if (!empty($slides['properties']['backgroundcolor'])) { $data .= TAB . TAB . TAB . 'globalBGColor : \''; $data .= $slides['properties']['backgroundcolor']; $data .= '\',' . NL; } if (!empty($slides['properties']['backgroundimage'])) { $data .= TAB . TAB . TAB . 'globalBGImage : \''; $data .= !empty($slides['properties']['backgroundimage']) ? '\'' . $slides['properties']['backgroundimage'] . '\'' : 'false'; $data .= '\',' . NL; } $data .= TAB . TAB . TAB . 'yourLogo : '; $data .= !empty($slides['properties']['yourlogo']) ? '\'' . $slides['properties']['yourlogo'] . '\'' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'yourLogoStyle : '; $data .= !empty($slides['properties']['yourlogostyle']) ? '\'' . $slides['properties']['yourlogostyle'] . '\'' : '\'position: absolute; left: 10px; top: 10px; z-index: 99;\''; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'yourLogoLink : '; $data .= !empty($slides['properties']['yourlogolink']) ? '\'' . $slides['properties']['yourlogolink'] . '\'' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'yourLogoTarget : '; $data .= !empty($slides['properties']['yourlogotarget']) ? '\'' . $slides['properties']['yourlogotarget'] . '\'' : '\'_self\''; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'loops : '; $data .= !empty($slides['properties']['loops']) ? $slides['properties']['loops'] : 0; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'forceLoopNum : '; $data .= isset($slides['properties']['forceloopnum']) && $slides['properties']['forceloopnum'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'autoPlayVideos : '; $data .= isset($slides['properties']['autoplayvideos']) && $slides['properties']['autoplayvideos'] != 'false' ? 'true' : 'false'; $data .= ',' . NL; $autoPauseSlideshow = !empty($slides['properties']['autopauseslideshow']) ? $slides['properties']['autopauseslideshow'] : 'auto'; if ($autoPauseSlideshow == 'auto') { $autoPauseSlideshow = '\'auto\''; } else { if ($autoPauseSlideshow == 'enabled') { $autoPauseSlideshow = 'true'; } else { if ($autoPauseSlideshow == 'disabled') { $autoPauseSlideshow = 'false'; } } } $data .= TAB . TAB . TAB . 'autoPauseSlideshow : '; $data .= $autoPauseSlideshow; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'youtubePreview : '; $data .= !empty($slides['properties']['youtubepreview']) ? '\'' . $slides['properties']['youtubepreview'] . '\'' : '\'maxresdefault.jpg\''; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbInit : '; $data .= !empty($slides['properties']['cbinit']) ? stripslashes($slides['properties']['cbinit']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbStart : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbstart']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbStop : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbstop']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbPause : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbpause']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbAnimStart : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbanimstart']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbAnimStop : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbanimstop']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbPrev : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbprev']) : 'function() {}'; $data .= ',' . NL; $data .= TAB . TAB . TAB . 'cbNext : '; $data .= !empty($slides['properties']['cbstart']) ? stripslashes($slides['properties']['cbnext']) : 'function() {}'; $data .= NL; $data .= TAB . TAB . '});' . NL; $data .= TAB . '});' . NL; //$data .= '</script>' . NL; drupal_add_js($data, 'inline'); } }
?> ; z-index: <?php echo $sublayerkey; ?> ;"> <?php } else { ?> <<?php echo $sublayer['type']; ?> style="position: absolute; top:<?php echo layerslider_check_unit($sublayer['top']); ?> ; left:<?php echo layerslider_check_unit($sublayer['left']); ?> ; z-index: <?php echo $sublayerkey; ?> ; <?php echo $sublayer['style']; ?> "><?php echo stripslashes($sublayer['html']); ?> </<?php echo $sublayer['type']; ?> > <?php
} if (!empty($sublayer['url'])) { $data .= '<a href="' . $sublayer['url'] . '" target="' . $sublayer['target'] . '" class="ls-s' . $sublayer['level'] . '" style="position: absolute; top: ' . layerslider_check_unit($sublayer['top']) . '; left:' . layerslider_check_unit($sublayer['left']) . '; ' . $slidedirection . ' ' . $slideoutdirection . ' parallaxin : ' . $sublayer['parallaxin'] . '; parallaxout : ' . $sublayer['parallaxout'] . '; durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . ';">'; if (empty($sublayer['type']) || $sublayer['type'] == 'img') { if (!empty($sublayer['image'])) { $data .= '<img src="' . $sublayer['image'] . '" alt="sublayer">'; } } else { $data .= '<' . $sublayer['type'] . ' class="ls-s' . $sublayer['level'] . '" style="' . $sublayer['style'] . '"> ' . stripslashes($sublayer['html']) . ' </' . $sublayer['type'] . '>'; } $data .= '</a>'; } else { if (empty($sublayer['type']) || $sublayer['type'] == 'img') { if (!empty($sublayer['image'])) { $data .= '<img class="ls-s' . $sublayer['level'] . '" src="' . $sublayer['image'] . '" alt="sublayer" style="position: absolute; top: ' . layerslider_check_unit($sublayer['top']) . '; left: ' . layerslider_check_unit($sublayer['left']) . ';" rel="' . $slidedirection . ' ' . $slideoutdirection . ' parallaxin : ' . $sublayer['parallaxin'] . '; parallaxout : ' . $sublayer['parallaxout'] . '; durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . ';">'; } } else { $data .= '<' . $sublayer['type'] . ' class="ls-s' . $sublayer['level'] . '" style="position: absolute; top:' . layerslider_check_unit($sublayer['top']) . '; left: ' . layerslider_check_unit($sublayer['left']) . '; ' . $slidedirection . ' ' . $slideoutdirection . ' parallaxin : ' . $sublayer['parallaxin'] . '; parallaxout : ' . $sublayer['parallaxout'] . '; durationin : ' . $sublayer['durationin'] . '; durationout : ' . $sublayer['durationout'] . '; easingin : ' . $sublayer['easingin'] . '; easingout : ' . $sublayer['easingout'] . '; delayin : ' . $sublayer['delayin'] . '; delayout : ' . $sublayer['delayout'] . '; ' . $sublayer['style'] . '"> ' . stripslashes($sublayer['html']) . ' </' . $sublayer['type'] . '>'; } } } } $data .= '</div>'; } } $data .= '</div>'; //if($slides['properties']['forceresponsive'] == 'true') { //$data .= '</div>'; //$data .= '</div>'; //} }
<?php // Get plugin path for skins global $lsPluginPath; // Basic $width = layerslider_check_unit($slides['properties']['width']); $height = layerslider_check_unit($slides['properties']['height']); $responsive = isset($slides['properties']['responsive']) ? 'true' : 'false'; $responsiveunder = !empty($slides['properties']['responsiveunder']) ? $slides['properties']['responsiveunder'] : '0'; $sublayercontainer = !empty($slides['properties']['sublayercontainer']) ? $slides['properties']['sublayercontainer'] : '0'; // Slideshow $autostart = isset($slides['properties']['autostart']) && $slides['properties']['autostart'] != 'false' ? 'true' : 'false'; $pauseonhover = isset($slides['properties']['pauseonhover']) && $slides['properties']['pauseonhover'] != 'false' ? 'true' : 'false'; $firstlayer = is_numeric($slides['properties']['firstlayer']) ? $slides['properties']['firstlayer'] : '\'random\''; $animatefirstlayer = isset($slides['properties']['animatefirstlayer']) && $slides['properties']['animatefirstlayer'] != 'false' ? 'true' : 'false'; $randomslideshow = isset($slides['properties']['randomslideshow']) && $slides['properties']['randomslideshow'] != 'false' ? 'true' : 'false'; $twowayslideshow = isset($slides['properties']['twowayslideshow']) && $slides['properties']['twowayslideshow'] != 'false' ? 'true' : 'false'; $loops = !empty($slides['properties']['loops']) ? $slides['properties']['loops'] : 0; $forceloopnum = isset($slides['properties']['forceloopnum']) && $slides['properties']['forceloopnum'] != 'false' ? 'true' : 'false'; $autoplayvideos = isset($slides['properties']['autoplayvideos']) && $slides['properties']['autoplayvideos'] != 'false' ? 'true' : 'false'; $autoPauseSlideshow = !empty($slides['properties']['autopauseslideshow']) ? $slides['properties']['autopauseslideshow'] : 'auto'; if ($autoPauseSlideshow == 'auto') { $autoPauseSlideshow = '\'auto\''; } else { if ($autoPauseSlideshow == 'enabled') { $autoPauseSlideshow = 'true'; } else { if ($autoPauseSlideshow == 'disabled') { $autoPauseSlideshow = 'false'; } }
function ls_array_to_attr($arr, $mode = '') { if (!empty($arr) && is_array($arr)) { $ret = array(); foreach ($arr as $key => $val) { if ($mode == 'css' && is_numeric($val)) { $ret[] = '' . $key . ':' . layerslider_check_unit($val) . ';'; } elseif (is_bool($val)) { $bool = $val ? 'true' : 'false'; $ret[] = "{$key}:{$bool};"; } else { $ret[] = "{$key}:{$val};"; } } return implode('', $ret); } }
<?php /** * Header slider template for LayerSlider WP * * @package wpv */ $post_id = wpv_get_the_ID(); if (is_null($post_id)) { return; } $id = (int) str_replace('layerslider-', '', wpv_post_meta($post_id, 'slider-category', true)); if (!empty($id) && function_exists('layerslider_check_unit')) { $slider = lsSliderById($id); if (null !== $slider) { $slides = is_string($slider['data']) ? json_decode($slider['data'], true) : $slider['data']; echo "<div class='layerslider-fixed-wrapper' style='height:" . layerslider_check_unit($slides['properties']['height']) . "'>"; // xss ok echo do_shortcode('[layerslider id="' . $id . '"]'); // xss ok echo '</div>'; echo '<div style="height:1px;margin-top:-1px"></div>'; } }