/** * Background Option * * @access public * @since 1.1.8 * * @param array $value * @param array $settings * @param int $int * * @return string */ function option_tree_background($value, $settings, $int) { ?> <div class="option option-background-upload" id="<?php echo $value->item_id; ?> _div"> <div class="lambda-opttitle"> <div class="lambda-opttitle-pad"> <?php echo htmlspecialchars_decode($value->item_title); ?> <span class="infoButton right"> <img class="infoImage" src="<?php echo OT_PLUGIN_URL; ?> /assets/images/info.png" width="40px" height="20px" alt="Info" style="left: 0px;"> </span> </div> </div> <div class="section"> <div class="element"> <script type="text/javascript"> jQuery(document).ready(function($) { $('#<?php echo $value->item_id; ?> -picker').ColorPicker({ onSubmit: function(hsb, hex, rgb) { $('#<?php echo $value->item_id; ?> -picker').val('#'+hex); }, onBeforeShow: function () { $(this).ColorPickerSetColor(this.value); return false; }, onChange: function (hsb, hex, rgb) { $('#cp_<?php echo $value->item_id; ?> div').css({'backgroundColor':'#'+hex, 'backgroundImage': 'none', 'borderColor':'#'+hex}); $('#cp_<?php echo $value->item_id; ?> ').prev('input').attr('value', '#'+hex); } }) .bind('keyup', function(){ $(this).ColorPickerSetColor(this.value); }); }); </script> <div class="select_wrapper"> <label><?php _e('Background-Color', UT_THEME_NAME); ?> </label> <input type="text" name="<?php echo $value->item_id; ?> [background-color]" id="<?php echo $value->item_id; ?> -picker" value="<?php echo isset($settings[$value->item_id]['background-color']) ? stripslashes($settings[$value->item_id]['background-color']) : ''; ?> " class="cp_input" /> <div id="cp_<?php echo $value->item_id; ?> " class="cp_box"> <div style="background-color:<?php echo isset($settings[$value->item_id]['background-color']) ? $settings[$value->item_id]['background-color'] : '#ffffff'; ?> ;<?php if (isset($settings[$value->item_id]['background-color'])) { echo 'background-image:none;border-color:' . $settings[$value->item_id]['background-color'] . ';'; } ?> "> </div> </div> </div> <div class="clear"></div> <div class="select_wrapper background-repeat"> <p> <label><?php _e('Background-Repeat', UT_THEME_NAME); ?> </label> <select name="<?php echo $value->item_id; ?> [background-repeat]" class="select"> <?php echo '<option value="">background-repeat</option>'; foreach (recognized_background_repeat() as $key => $repeat) { echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['background-repeat'], $key, false) . '>' . esc_html($repeat) . '</option>'; } ?> </select> </p> </div> <div class="select_wrapper background-attachment"> <p> <label><?php _e('Background-Attachment', UT_THEME_NAME); ?> </label> <select name="<?php echo $value->item_id; ?> [background-attachment]" class="select"> <?php echo '<option value="">background-attachment</option>'; foreach (recognized_background_attachment() as $key => $attachment) { echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['background-attachment'], $key, false) . '>' . esc_html($attachment) . '</option>'; } ?> </select> </p> </div> <div class="select_wrapper background-position"> <p> <label><?php _e('Background-Position', UT_THEME_NAME); ?> </label> <select name="<?php echo $value->item_id; ?> [background-position]" class="select"> <?php echo '<option value="">background-position</option>'; foreach (recognized_background_position() as $key => $position) { echo '<option value="' . esc_attr($key) . '" ' . selected($settings[$value->item_id]['background-position'], $key, false) . '>' . esc_html($position) . '</option>'; } ?> </select> </p> </div> <label><?php _e('Background-Image', UT_THEME_NAME); ?> </label> <input type="text" name="<?php echo $value->item_id; ?> [background-image]" id="<?php echo $value->item_id; ?> " value="<?php if (isset($settings[$value->item_id]['background-image'])) { echo $settings[$value->item_id]['background-image']; } ?> " class="upload<?php if (isset($settings[$value->item_id]['background-image'])) { echo ' has-file'; } ?> " /> <input id="upload_<?php echo $value->item_id; ?> " class="upload_button" type="button" value="Upload" rel="<?php echo $int; ?> " /> <?php if (is_array(@getimagesize($settings[$value->item_id]['background-image']))) { ?> <div class="screenshot" id="<?php echo $value->item_id; ?> _image"> <?php if (isset($settings[$value->item_id]['background-image']) && $settings[$value->item_id]['background-image'] != '') { $remove = '<a href="javascript:(void);" class="remove">Remove</a>'; $image = preg_match('/(^.*\\.jpg|jpeg|png|gif|ico*)/i', $settings[$value->item_id]['background-image']); if ($image) { echo '<img src="' . $settings[$value->item_id]['background-image'] . '" alt="" />' . $remove . ''; } } ?> </div> <?php } ?> </div> <?php if ($value->item_desc) { ?> <div class="desc alert alert-neutral"><?php echo htmlspecialchars_decode($value->item_desc); ?> </div> <div class="clear"></div> <?php } ?> </div> </div> <?php }
<p> <?php $mb->the_field('slider_default_background_position'); ?> <label><?php _e('Background-Position', UT_THEME_NAME); ?> </label> <select name="<?php $mb->the_name(); ?> " class="select"> <?php echo '<option value="">background-position</option>'; foreach (recognized_background_position() as $key => $position) { echo '<option value="' . esc_attr($key) . '" ' . $mb->get_the_select_state(esc_attr($key)) . '>' . esc_html($position) . '</option>'; } ?> </select> </p> <?php $mb->the_field('slider_default_background_image'); ?> <?php $wpalchemy_media_access->setGroupName('img-bs' . $mb->get_the_index())->setInsertButtonLabel('Insert'); ?> <p> <img src="<?php if (!$mb->get_the_value()) {