Создание сайтов

Wordpress продукты изображения увеличивающие эффекты

< script src = "https: / / www.example.com. […]

19 Июля, 20222268 прочтение41 минуты прочтения
Статьи

&lt; script src = " https: / / cdn.bootcss.com / jquery / 1.12.4 / jquery.min.js " &gt;</script>
&lt; script src = " &lt;? php bloginfo ('template_directory');? &gt; / images / jquery.imom.min.js » &gt;</script>

. box {width: 388px;}
. box img {vertical-align: top; border:0;}
. tb-pic a {display: table-cell; text-align: center; vertical-align: middle;}
. tb-pic a img {vertical-align: middle;}
. tb-pic a {* display: block; * font-family: Arial; * line-height:1;}
. tb-thumb {margin: 10px 0 0; overflow: hidden;}
. tb-thumb li {background: no repeat scroll 0 0 transparent; float: left; height: 42px; margin: 0 6px 0 0; overflow: hidden; padding: 1px;}
. tb-s310,. tb-s310 a {высота: 310px; ширина: 380px;}
. tb-s310 {max-height: 310px;max-width: 380px;}
. tb-s310 img {max-height: 306px; max-width: 376px;}
. tb-s310 a {* font-size: 271px;}
. tb-s40 a {* font-size: 35px;}
. tb-s40 img {width: 40px; height: 40px;}
. tb-s40,. tb-s40 a {высота: 40px; ширина: 40px;}
. tb-booth {border: 1px solid # CDCDCDCD; position: relative; z-index:9;}
. tb-thumb. tb-selected {background: none repeat scroll 0 0 # C30008; height: 44px; padding: 2px;}
. tb-thumb. tb-selected div {background-color: # FFFFFFF; border: medium none;}
. tb-thumb li div {border: 1px solid # CDCDCD;}
div.zoomDiv {z-index: 999; position: absolute; top: 0px; слева: 0px; width: 200px; height: 200px; background: # ffffff; border: 1px solid # CCCCC; display: none; text-align: center; overflow: hidden;}
div.zoomMask {position: absolute; background: url ("images / mask.png") repeat scroll 0 0 transparent; cursor: move; z-index:1;}

<script>
jQuery (document). ready (function ($) {
$(". jqzoom "). imom ();
$("# thumblist li a "). click(function() {
$(this). parents("li"). addClass(" tb-selected"). siblings(). removeClass(" tb-selected ");
$(". jqzoom "). attr( ' src', $(this). find( "img "). attr(" mid ");
$(". jqzoom "). attr( ' rel', $(this). find(" img "). attr("big ");
});
});
</script>
metabox.php
<? php
/ / Настройка экземпляров класса панели
/** * * * * * title * * * * * /
$options = array();
$boxinfo = array('title' = > 'заполнение параметров', 'id' = > 'ashubox', 'page' = > array ('post'), 'context' = > 'normal', 'priority' = > 'low', 'callback' = > "); $options[] = array("name" = > "загрузка миниатюры продукта",
«type» = > «title»); $options[] = array(
"name " = >" Thumbnail1 ",
«desc» = > "",
"id " = >" ashu_upimg01 ",
«std» = > "",
"button_label " = > ' Загрузить изображение',
"type" = > "media"
);

$options[] = array (
"name " = >" thumbnail2 ",
«desc» = > "",
"id " = >" ashu_upimg02 ",
«std» = > "",
"button_label " = > ' Загрузить изображение',
"type" = > "media"
);
$options[] = array (
"name " = >" thumbnail 3 ",
«desc» = > "",
"id " = >" ashu_upimg03 ",
«std» = > "",
"button_label " = > ' Загрузить изображение',
"type" = > "media"
);
$options[] = array (
"name " = >" Thumbnail 4 ",
«desc» = > "",
"id " = >" ashu_upimg04 ",
«std» = > "",
"button_label " = > ' Загрузить изображение',
"type" = > "media"
);
$options[] = array (
"name " = >" Thumbnail 5 ",
«desc» = > "",
"id " = >" ashu_upimg05 ",
«std» = > "",
"button_label " = > ' Загрузить изображение',
"type" = > "media"
);

$new_box = new ashu_meta_box ($options, $boxinfo);
?>

< div class = "box " >

< div class = " tb-booth tb-pic tb-s310′′ >
<? php if (get_post_meta ($post-> ID, ' ashu_upimg01', true)) {? >
< a href = " <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " >< img src = » <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " rel = " <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " class = "jqzoom " / &gt;</a>
<? php}? &gt;
</div>

< ul class = " tb-thumb " id = " thumblist " >
<? php if (get_post_meta ($post-> ID, ' ashu_upimg01', true)) {? >
< li class = " tb-selected " > < div class = " tb-pic tb-s40′′ > < a href = " javascript: void (0); " > < img src = " <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " mid = " <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " big = " <? php echo get_post_meta ($post-> ID, " ashu_upimg01′′, true);? > " ></a></div></li>
<? php }else{? &gt; &lt; li class = " tb-selected " &gt; &lt; div class = " tb-pic tb-s40′′ &gt;</div></li> <? php}? &gt;

<? php if (get_post_meta ($post-&gt; ID, ' ashu_upimg02', true)) {? &gt;
<li>&lt; div class = " tb-pic tb-s40′′ &gt; &lt; a href = " javascript: void (0); " &gt; &lt; img src = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg02 ′′, true);? &gt; " mid = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg02 ′′, true);? &gt; " big = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg02′′, true);? &gt; " &gt; </a></div></li>
<? php }else{? &gt; <li>&lt; div class = " tb-pic tb-s40′′ &gt;</div></li> <? php}? &gt;

<? php if (get_post_meta ($post-&gt; ID, ' ashu_upimg03', true)) {? &gt;
<li>&lt; div class = " tb-pic tb-s40′′ &gt; &lt; a href = " javascript: void (0); " &gt; &lt; img src = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg03′′, true);? &gt; " mid = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg03′′, true);? &gt; " big = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg03′′, true);? &gt; " &gt; </a></div></li>
<? php }else{? &gt; <li>&lt; div class = " tb-pic tb-s40′′ &gt;</div></li> <? php}? &gt;

<? php if (get_post_meta ($post-&gt; ID, ' ashu_upimg04', true)) {? &gt;
<li>&lt; div class = " tb-pic tb-s40′′ &gt; &lt; a href = " javascript: void (0); " &gt; &lt; img src = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg04′′, true);? &gt; " mid = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg04′′, true);? &gt; " big = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg04′′, true);? &gt; " &gt; </a></div></li>
<? php}? &gt;

<? php if (get_post_meta ($post- &gt; ID, ' ashu_upimg05', true)) {? &gt;
<li>&lt; div class = " tb-pic tb-s40′′ &gt; &lt; a href = " javascript: void (0); " &gt; &lt; img src = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg05′′, true);? &gt; " mid = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg05′′, true);? &gt; " big = " &lt;? php echo get_post_meta ($post-&gt; ID, " ashu_upimg05 ′′, true);? &gt; " &gt; </a></div></li>
<? php}? &gt;

</ul>

</div>

 

 

metaboxclass.php:

  1. <? php
  2. /*
  3. Wordpress Статьи Пользовательские поля Файлы классов
  4. Версия: 1.0
  5. Автор: Дерево - мой друг
  6. Автор URI: www.example.com
  7. Лицензия: www.example.com
  8. */
  9. Класс ashu_meta_box {
  10.     Var $options;
  11.     Var $boxinfo;
  13.     / / Конструктор
  14.     Функция ashu_meta_box ($options,$boxinfo){
  15.         $это- &gt; опции = $options;
  16.         $это- &gt; boxinfo = $boxinfo;
  18. add_action ('admin_menu', массив(&$это, ' init_boxes ');
  19. add_action ('save_post', массив(&$это, 'save_postdata');
  20.     }
  22.     / / Иниализация
  23.     Функция init_boxes () {
  24.         $это- > add_script_and_styles();
  25.         $это- > create_meta_box();
  26.     }
  28.     Загрузка CSS и JS сценариев
  29.     Функция add_script_and_styles () {
  30.         IF(базаname( $_SERVER[' PHP_SELF ']) == «page.php»
  31. || базаname( $_SERVER[' PHP_SELF ']) == «page-new.php»
  32. || базаname( $_SERVER[' PHP_SELF ']) == «post-new.php»
  33. || базаname( $_SERVER[' PHP_SELF ']) == «post.php»
  34. || базаname( $_SERVER[' PHP_SELF ']) == «media-upload.php»)
  35.         {
  36.             / / обратите внимание на URL загруженного сценария
  37. wp_enqueue_style ('metabox_fields_css', TEMJS_URI. ' metabox_fields.css ');
  38. wp_enqueue_script ('metabox_fields_js', TEMJS_URI. ' metabox_fields.js ');
  39. wp_enqueue_style ('thickbox ');
  40. wp_enqueue_script ('media-upload ');
  41. wp_enqueue_script ('thickbox ');
  44.             IF(isset)$GET_['hijack_target ']))
  45.             {
  46. add_action ('admin_head', массив(&$это, 'add_hijack_var');
  47.             }
  48.         }
  49.     }
  51.     /*************************/
  52.     Функция add_hijack_var ()
  53.     {
  54.         эхо «< meta name = ' hijack_target ' content = '».$GET_['hijack_target '].« / >\ n »;
  55.     }
  57.     / / Создание пользовательской панели
  58.     Функция create_meta_box () {
  59.         IF (function_exists ('add_meta_box') & & is_array($это- > boxinfo [ 'страница'])
  60.         {
  61.             forech ($это- > boxinfo [«страница»] as $area)
  62.             {
  63.                 IF ($это- > boxinfo['callback'] == ”) $это- > boxinfo ['callback '] = ' new_meta_boxes ';
  65. add_meta_box (
  66.                     $это- > boxinfo[ 'id'],
  67.                     $это- > boxinfo ['title'],
  68.                     массив(&$это, $это- > boxinfo ['callback ']),
  69.                     $area, $это- > boxinfo ['context '],
  70.                     $это- > boxinfo ['priority ']
  71.                 );
  72.             }
  73.         }
  74.     }
  76.     / / Создание функции отображения для пользовательской панели
  77.     Функция new_meta_boxes () {
  78.         глобальная $post;
  79.         / / Вызов отображающей функции по типу
  80.         forech ($это- > опции as $option)
  81.         {
  82.             IF (method_exists)$это, $option[«тип»]))
  83.             {
  84.                 $meta_box_value = get_post_meta ($post- > ID, $option['id'], true);
  85.                 IF($meta_box_value != “”) $option['std '] = $meta_box_value;
  87.                 эхо «< div Класс=«alt kriesi_meta_box_alt meta_box_'. $ option ['type']. " meta_box_'. $ this-> boxinfo ['context']. '”>’;
  88.                 $это->$option[«тип»] ($option);
  89.                 эхо ‘’;</div>
  90.             }
  91.         }
  93.         Скрыть домен
  94.         эхо'&lt; type input =«Скрыто» Name =“‘.$ this-&gt; boxinfo['id']. '_ noncename » id =“‘.$ this-&gt; boxinfo['id']. '_ noncename » value =«. wp_create_nonce ('ashumetabox'). '” />’;
  95.     }
  97.     / / Сохранить данные поля
  98.     Функция save_postdata() {
  99.         IF(isset( $_ POST['post_type '] ) &amp; &amp; in_array ($_ POST['post_type '],$это- &gt; boxinfo ['page'] ) &amp; &amp; (isset($_ POST['Save '])|| isset($_ POST['publish ']))) {
  100.         $post_id = $_ POST['post_ID '];
  102.         forech ($это- > опции as $option) {
  103.             IF (! wp_verify_nonce ($_ POST[$это- &gt; boxinfo[ 'id']. '_ noncename '], ' ashumetabox ')) {
  104.                 возвращение $post_id ;
  105.             }
  106.             / / Право судить
  107.             IF («Страница» ==) $_ POST['post_type '] ) {
  108.                 IF ( ! current_user_can( ' edit_page', $post_id  ))
  109.                 возвращение $post_id ;
  110.             } другое {
  111.                 IF ( ! current_user_can( ' edit_post', $post_id  ))
  112.                 возвращение $post_id ;
  113.             }
  114.             / / Преобразование предварительно определенных символов в html-теблица
  115.             IF( $option['type '] == ' tinymce ') {
  116.                     $Data = stripslashes($_ POST[$option[' id ']]);
  117.             }elseif( $option['type '] == ' checkbox ') {
  118.                     $Data = $_ POST[$option['id ']];
  119.             }другое{
  120.                 $Data = htmlspecialchars ($_ POST[$option['id '], ENT_QUOTES,«UTF-8»);
  121.             }
  123.             IF(get_post_meta($post_id , $option['id ']) == “”)
  124. add_post_meta ($post_id , $option['id'], $Data- истинно);
  126.             elseif($Data != get_post_meta ()$post_id , $option['id'], true))
  127. update_post_meta($post_id , $option['id'], $Data);
  129.             elseif($Data == “”)
  130. delete_post_meta($post_id , $option[' id '], get_post_meta ($post_id , $option['id', true));
  132.         }
  133.         }
  134.     }
  135.     / / Показать заголовок
  136.     Функция название ($стоимости){
  137.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  138.     }
  139.     / / Текстовое поле
  140.     Функция text ($стоимости){
  141.         IF(isset)$это- &gt; database_options [$стоимости['id ']])) $стоимости['std '] = $это- &gt; database_options [$стоимости['id ']];
  143.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  144.         эхо '&lt; type input =<p>«текст» size =“‘.$ values[ 'size']. '” value =“‘.$ values ['std']. '” id =“‘.$ values[ 'id']. '” Name =“‘.$ values[ 'id']. '”/>’;
  145.         эхо $стоимости[«desc»]. '<br/></p>’;
  146.         эхо ‘<br/>’;
  147.     }
  148.     / / Текстовое поле
  149.     Функция Textarea ($стоимости){
  150.         IF(isset)$это- &gt; database_options [$стоимости['id ']])) $стоимости['std '] = $это- &gt; database_options [$стоимости['id ']];
  152.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  153.         эхо &lt; textarea<p> Класс=«kriesi_textarea» cols =“60” rows =“5” id =“‘.$ values[ 'id']. '” Name =“‘.$ values[ 'id']. '”>’.$стоимости['std ']. '’;</textarea>
  154.         эхо $стоимости[«desc»]. '<br/></p>’;
  155.         эхо ‘<br/>’;
  156.     }
  157.     / / СМИ загрузки
  158.     Функция СМИ ($стоимости){
  159.         IF(isset)$это- &gt; database_options [$стоимости['id ']])) $стоимости['std '] = $это- &gt; database_options [$стоимости['id ']];
  161.         / / Кнопка загрузки изображения
  162.         глобальная $post_ID, $temp_ID;
  163.         $uploading_iframe_ID = (int) (0 ==) $post_ID ? $temp_ID : $post_ID);
  164.         $media_upload_iframe_src = «media-upload.php? post_id = $uploading_iframe_ID »;
  165.         $image_upload_iframe_src = apply_filters ('image_upload_iframe_src', «$media_upload_iframe_src type = image»&amp;);
  167.         $button = ' &lt; a href =“‘.$ image_upload_iframe_src. '&amp; amp; hijack_target = '. $ values[ 'id']. '&amp; amp; TB_iframe = true " id =“‘.$ values[ 'id']. '” Класс=«k_hijack button thickbox» onclick =«Возврат ложного»; &gt; загрузить»;</a>
  169.         / / Определение формата изображения, предварительный просмотр изображения
  170.         $image = ”;
  171.         IF($стоимости['std ']! = ”) {
  172.             $fileextension = substr($стоимости[«std»], strrpos($стоимости[«std»], ‘.’) + 1);
  173.             $extensions = массив('png', ' gif', ' jpeg', ' jpg', ' pdf', ' tif');
  175.             IF(in_array ($fileextension, $extensions))
  176.             {
  177.                 $image = ' < img src =“‘.$ values ['std']. '” />’;
  178.             }
  179.         }
  181.         эхо «< div id =“‘.$ values[ 'id']. '_ div » Класс=«kriesi_preview_pic»>’.$image . '’;</div>
  182.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p><p>
  183.         IF($стоимости['desc ']! = “”) эхо ‘’.<p>$стоимости[«desc»]. '<br/>’;
  184.         эхо «&lt; input Класс=«kriesi_preview_pic_input» type =«текст» size =“‘.$ values[ 'size']. '” value =“‘.$ values ['std']. '” Name =“‘.$ values[ 'id']. '”/>’.$button;
  185.         эхо ‘’;</p>
  186.         эхо ‘<br/>’;
  187.     }
  188.     / / флажок
  189.     Функция радио ( $стоимости ){
  190.         IF(isset)$это- &gt; database_options [$стоимости['id ']]))
  191.             $стоимости['std '] = $это- &gt; database_options [$стоимости['id ']];
  192.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  193.         forech( $стоимости[«Кнопки»] as $key=>$value ) {
  194.             $проверено =“”;
  195.             IF($стоимости['std '] == $key) {
  196.                 $проверено = ' checked = «Проверено»‘;
  197.             }
  198.             эхо ' &lt; input '.$проверено.’type =«Радио» Класс=«kcheck» value =“‘.$Ключ. '” Name =“‘.$ values[ 'id']. '”/>’.$value;
  199.         }
  200.     }
  201.     / / Флажок
  202.     Функция checkbox ($стоимости){
  203.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  204.         forech( $стоимости[«Кнопки»] as $key=>$value ) {
  205.             $проверено =“”;
  206.             IF( is_array($стоимости[' std ']) &amp; &amp; in_array ($key,$стоимости['std '])) {
  207.                 $проверено = ' checked = «Проверено»‘;
  208.             }
  209.             эхо ' &lt; input '.$проверено.’type ="Checkbox" Класс=«kcheck» value =“‘.$Ключ. '” Name =“‘.$ values[ 'id']. '[]”/>’.$value;
  210.         }
  211.         эхо «&lt;label для=“‘.$ values[ 'id']. '”>’.$стоимости[«desc»]. '</label><br/></p>’;
  212.     }
  213.     / / раскрывающееся окно
  214.     Функция dropdown ($стоимости){
  215.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  216.             / / Выберите содержимое, чтобы страницы, категории, меню, боковые панели и пользовательское содержимое
  217.             IF($стоимости['Subtype '] == ' Page ') {
  218.                 Select $ = «Выберите страницу»;
  219.                 $entries = get_pages ('title_li = & orderby = name ');
  220.             }другое IF($стоимости['subtype '] == ' cat ') {
  221.                 Select $ = ' Выберите категорию ';
  222.                 $entries = get_categories ('title_li = & orderby = name & hide_empty = 0 ');
  223.             }другое IF($стоимости['subtype'] == 'menu') {
  224.                 Select $ = ' Выберите меню в левой странице ';
  225.                 $entries = get_terms( 'nav_menu', массив('hide_empty ' = > false));
  226.             }другое IF($стоимости['subtype'] == ' sidebar') {
  227.                 глобальная $wp_registered_sidebars;
  228.                 Select $ = ' Выберите специальную боковую панель ';
  229.                 $entries = $wp_registered_sidebars;
  230.             }другое{
  231.                 Select $ = ' Select... ';
  232.                 $entries = $стоимости[«подтип»];
  233.             }
  235.             эхо ' &lt; select<p> Класс=«постформы» id =“‘. $values [' id ']. '” Name =“‘. $values [' id ']. '”> ‘;
  236.             эхо ' &lt; значение опции =“”>’.Select $ . '‘;</option>
  238.             forech ($entries as $key => $Entry){
  239.                 IF($стоимости['Subtype '] == ' Page ') {
  240.                     $id = $Entry- &gt; ID;
  241.                     $title = $Entry- &gt; post_title;
  242.                 }другое IF($стоимости['subtype '] == ' cat ') {
  243.                     $id = $Entry- &gt; term_id;
  244.                     $title = $Entry- &gt; имя;
  245.                 }другое IF($стоимости['subtype'] == 'menu') {
  246.                     $id = $Entry- &gt; term_id;
  247.                     $title = $Entry- &gt; имя;
  248.                 }другое IF($стоимости['subtype'] == ' sidebar') {
  249.                     $id = $Entry['id '];
  250.                     $title = $Entry[«имя»];
  251.                 }другое{
  252.                     $id = $Entry;
  253.                     $title = $key;
  254.                 }
  256.                 IF ($стоимости['std '] == $id ){
  257.                     $выбранный = "selected = ' selected ' ";
  258.                 }другое{
  259.                     $выбранный = “”;
  260.                 }
  262.                 эхо«< option $selected value = '». $id.“‘>”. $title.“”</option>;
  263.             }
  265.         эхо ‘’;</select>
  266.         эхо $стоимости[«desc»]. '<br/></p>’;
  267.         эхо ‘<br/>’;
  268.     }
  270.     / / Редактора
  271.     Функция tinymce($стоимости){
  272.         IF(isset)$это- &gt; database_options [$стоимости['id ']]))
  273.             $стоимости['std '] = $это- &gt; database_options [$стоимости['id ']];
  275.         эхо ‘’.<p>$стоимости[«Имя»]. '’;</p>
  276. wp_editor ( $стоимости[«std»], $стоимости['id '];
  277.         / / wp_editor ($values['std'], 'content', array ('dfw' = &gt; true, 'tabfocus_elements' = &gt; 'sample-permalink, post-preview', 'editor_height' = &gt; 360));
  278.         с параметрами конфигурации.
  279.         / * wp_editor ($meta_box['std'], $meta_box['name']. '_ value ', $settings = array (quicktags = &gt; 0, / / отменить режим html
  280. tinymce = &gt; 1, / / Визуальный режим
  281. media_buttons = &gt; 0, / / Отменить загрузку медиа
  282. textarea_rows = &gt; 5, / / Количество строк 5
  283. editor_class = &gt; " textareastyle ")); * /
  284.     }
  286. }
  287. ?>