【WordPress插件】2022年最新版完整功能demo+插件2.0.zip

<fieldset class="ui-widget fwdu3dcar"> <label for="skins"><?php esc_html_e('Select your preset:', 'fwdu3dcar'); ?></label> <select id="skins" class="ui-widget ui-corner-all"></select> <label id="preset_id" for="skins"></label> <p id="tips"><?php esc_html_e('All form fields are required.', 'fwdu3dcar'); ?></p> </fieldset> <form class="form fwdu3dcar" action="" method="post"> <div id="tabs"> <ul class="menu"> <li><a href="#tab1"><img src=<?php echo esc_url($iconsPath) . "tab1-icon.png" ?>><span><?php esc_html_e('Main settings', 'fwdu3dcar'); ?></span></a></li> <li><a href="#tab2"><img src=<?php echo esc_url($iconsPath) . "tab2-icon.png" ?>><span ><?php esc_html_e('Thumbnails settings', 'fwdu3dcar'); ?></span></a></li> <li><a href="#tab3"><img src=<?php echo esc_url($iconsPath) . "tab3-icon.png" ?>><span ><?php esc_html_e('Controls settings', 'fwdu3dcar'); ?></span></a></li> <li><a href="#tab4"><img src=<?php echo esc_url($iconsPath) . "tab4-icon.png" ?>><span ><?php esc_html_e('Menu settings', 'fwdu3dcar'); ?></span></a></li> <li><a href="#tab5"><img src=<?php echo esc_url($iconsPath) . "tab6-icon.png" ?>><span ><?php esc_html_e('Caption settings', 'fwdu3dcar'); ?></span></a></li> <li><a href="#tab6"><img src=<?php echo esc_url($iconsPath) . "tab5-icon.png" ?>><span ><?php esc_html_e('Lightbox settings', 'fwdu3dcar'); ?></span></a></li> </ul> <div id="tab1" class="tab"> <table> <tr> <td> <label id="name_label" for="name"><?php esc_html_e('Preset name:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="name" class="text ui-widget-content ui-corner-all"> </td> </tr> <tr> <td> <label for="displayType"><?php esc_html_e('Display type:', 'fwdu3dcar'); ?></label> </td> <td> <select id="displayType" class="ui-corner-all"> <option value="responsive">responsive</option> <option value="fluidwidth">fluid-width</option> </select> </td> </tr> <tr> <td> <label id="carouselWidth_label" for="carouselWidth"><?php esc_html_e('Carousel width:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="carouselWidth" class="text ui-widget-content ui-corner-all"> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('The maximum carousel width in px if the displayType is responsive.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label id="carouselOffsetHeight_label" for="carouselOffsetHeight"><?php esc_html_e('Carousel offest height:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="carouselOffsetHeight" class="text ui-widget-content ui-corner-all"> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('This represents the top and bottom gap/padding in px for the carousel thumbnails.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label id="thumbnailResizeOffest_label" for="thumbnailResizeOffest"><?php esc_html_e('Thumbnails resize offset:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="thumbnailResizeOffest" class="text ui-widget-content ui-corner-all"> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('The offset in px plus thumbnail width in px at which the carousel will start to resize for smaller screens.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label id="zIndex_label" for="zIndex"><?php esc_html_e('Fluid-width z-index:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="zIndex" class="text ui-widget-content ui-corner-all"> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('This is a z-index used for the fluid-width version of the carousel so that you can remove conflicts with overlapping menus etc.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label for="skinPath"><?php esc_html_e('Skin path:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="skinPath" class="text ui-widget-content ui-corner-all" disabled> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('The skin folder name. This folder contains the carousel skin for the graphincs/.png skin type.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label for="useVectorIcons"><?php esc_html_e('Use vector icons:', 'fwdu3dcar'); ?></label> </td> <td> <select id="useVectorIcons" class="ui-corner-all"> <option value="yes"><?php esc_html_e('yes', 'fwdu3dcar'); ?></option> <option value="no"><?php esc_html_e('no', 'fwdu3dcar'); ?></option> </select> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('If set to yes the carousel will use the vector skin otherwise it will use the graphics/.png skin.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label for="initializeOnlyWhenVisible"><?php esc_html_e('Initialize only when visible:', 'fwdu3dcar'); ?></label> </td> <td> <select id="initializeOnlyWhenVisible" class="ui-corner-all"> <option value="yes"><?php esc_html_e('yes', 'fwdu3dcar'); ?></option> <option value="no"><?php esc_html_e('no', 'fwdu3dcar'); ?></option> </select> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('Lazy scrolling/loading, the posibility to initialize the carousel on scroll when the carousel is visible in the page, this way for example if the carousel is in a section of a page that is not visible it will not be initialized, instead the carousel will be initalized only when the user is scrolling to that section in which the carousel is added, please note is the display type is fluid-width this feature will be ignored.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label id="carouselStartPosition_label" for="carouselStartPosition"><?php esc_html_e('Carousel start position:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="carouselStartPosition" class="text ui-widget-content ui-corner-all"> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('The thumbnails start position, it can be left, right, center or the index of the thumbnail starting from 1.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label for="carouselTopology"><?php esc_html_e('Carousel topology:', 'fwdu3dcar'); ?></label> </td> <td> <select id="carouselTopology" class="ui-corner-all"> <option value="normal"><?php esc_html_e('normal', 'fwdu3dcar'); ?></option> <option value="ring"><?php esc_html_e('ring', 'fwdu3dcar'); ?></option> <option value="star"><?php esc_html_e('star', 'fwdu3dcar'); ?></option> </select> <img class="img-tooltip" src="<?php echo esc_url($tootlTipImgSrc); ?>" title="<?php esc_html_e('The topology for the geometry of the thumbnails of the carousel, it can be normal, ring or star.', 'fwdu3dcar'); ?>"> </td> </tr> <tr> <td> <label id="carouselXRadius_label" for="carouselXRadius"><?php esc_html_e('Carousel X radius:', 'fwdu3dcar'); ?></label> </td> <td> <input type="text" id="carouselXRadius" class="text ui-