AIT WEB DESIGN - изработка на сайт и СЕО оптимизация

  • Начало
  • Услуги
    • УЕБ САЙТ ИЗРАБОТВАНЕ
    • Изработка на One Page и Landing Page сайтове
    • WordPress Разработки
    • ПОДДРЪЖКА НА WORDPRESS САЙТ
    • ЕЛЕКТРОННИ МАГАЗИНИ
    • Изработка на онлайн каталог
    • Изработка на сайт за недвижими имоти
    • Изработка на портфолио сайт за художници, фотографи и творци
    • ПРЕВОД НА УЕБ СТРАНИЦИ
    • ИЗРАБОТКА НА ЛОГО
    • ОПТИМИЗАЦИЯ НА САЙТ
    • СОФТУЕР ПО ПОРЪЧКА
    • БЕЗПЛАТЕН САЙТ
  • ХОСТИНГ И ДОМЕЙН
    • Партньорска програма за уеб агенции
  • Софтуер
  • ЗА НАС
  • ПОРТФОЛИО
  • РЕФЕРЕНЦИИ
  • БЛОГ
  • КОНТАКТИ
  • Начало
  • Блог
  • Wordpress
  • Javascript и работа с Media Library на WordPress
07.05.2026

Javascript и работа с Media Library на WordPress

Javascript и работа с Media Library на WordPress

by afilipov / четвъртък, 23 юни 2016 / Published in Wordpress

В примера по-долу извиквам Media Library на WordPress, чрез натискане на картинка.

<script>

function getmedia(ident){
	
    // Instantiates the variable that holds the media library frame.
    var meta_image_frame;

    // Runs when the image button is clicked.
	
    j(function(){

        // Prevents the default action from occuring.
      //  e.preventDefault();

        // If the frame already exists, re-open it.
        if ( meta_image_frame ) {
            meta_image_frame.open();
            return;
        }

        // Sets up the media library frame
        meta_image_frame = wp.media.frames.meta_image_frame = wp.media({
          //  title: meta_image.title,
         //   button: { text:  meta_image.button },
            library: { type: 'image' }
        });

        // Runs when an image is selected.
        meta_image_frame.on('select', function(){

          //  return false;

            // Grabs the attachment selection and creates a JSON representation of the model.
            var media_attachment = meta_image_frame.state().get('selection').first().toJSON();

            // Sends the attachment URL to our custom image input field.
			
					
	document.getElementById("imgc_"+ident).src = media_attachment.sizes.thumbnail.url;
			
        //media_attachment.id; 	имате и id-то на самият attachment (за повече опции, проверете в WordPress документацията)

			
        });

        // Opens the media library frame.
        meta_image_frame.open();
    });

	 
	 
	 
}

  </script>

Ето това са картинките, чрез които ще извикваме Media Library и ще заменяме src адреса.

<img src="smiley.gif" id="imgc_1" alt="Smiley face" height="42" width="42" onclick="getmedia('1');"></br>
<img src="smiley.gif" id="imgc_2" alt="Smiley face" height="42" width="42" onclick="getmedia('2');"></br>
<img src="smiley.gif" id="imgc_3" alt="Smiley face" height="42" width="42" onclick="getmedia('3');">
  • Tweet

What you can read next

Как да направим нов филтър в WordPress администрацията по custom taxonomy и в custom post type
WordPress и Https
Как да премахнем CSS и Javascript версията в WordPress

1 Comment to “ Javascript и работа с Media Library на WordPress”

  1. Miro says :
    23.06.2016 at 21:46

    Полезен пост !!
    Респект за якия блог!

Търсене

Категории

  • CSS
  • SEO Оптимизация
  • WooCommerce
  • Wordpress
  • WordPress Модули
  • Код оптимизация
  • Трикове

Архиви

  • февруари 2026
  • юли 2020
  • юли 2018
  • февруари 2018
  • август 2017
  • март 2017
  • ноември 2016
  • октомври 2016
  • септември 2016
  • август 2016
  • юли 2016
  • юни 2016
  • май 2016
  • март 2016
  • юли 2012

AIT Web Design

Готови ли сте за нов уеб сайт?

  • Безплатна консултация
  • Индивидуален подход
  • Реални резултати
Безплатна консултация

Къде работим?

Работим с клиенти от цяла България и предлагаме професионална изработка на уеб сайтове и онлайн магазини. Имаме реализирани множество проекти в различни градове, като най-голям опит имаме в:

  • Изработка на сайт Хасково
  • Изработка на сайт Пловдив
  • Изработка на сайт София
  • Изработка на сайт Варна
  • Изработка на сайт Бургас

УСЛУГИ

  • Изработка на уеб сайт
  • Онлайн магазин
  • ОПТИМИЗАЦИЯ НА САЙТ
  • Поддръжка на WordPress сайт
  • ХОСТИНГ И ДОМЕЙН
  • Всички услуги

Последни публикации

  • Shipment 1 проблем с новият WooCommerce
  • WooCommerce премахване на потвърждението за изход
  • Добавяне на WooCommerce статус на поръчка
  • Филтриране на постове в администрацията на WordPress за период от време
  • WordPress полезни модули, стратегии и оптимизация за фирмен сайт

ВРЪЗКА С НАС

Работим с клиенти от цяла България
(+359) 888 898 797
Email: office@ait-webdesign.com

AIT WEB DESIGN
6300 Хасково, Ул. Хан Аспарух 9-11. България

Отвори в Google Maps

Връзки

Разгледайте нашите външни профили:

  • Фирмен профил на AIT Web Design в Infobel
  • Фирмен профил в Google
  • Facebook Page

Полезно

  • За нас
  • Портфолио
  • Софтуер
  • Услуги
  • Референции
  • Блог
  • КОНТАКТИ

Софтуер

  • AIT Real-Time Replace PRO – Dynamic Content Replacement for WordPress Multisite
  • VFP Email Logger – Professional Email Logging for WordPress & Multisite
  • Модул за добавяне на продукт по SKU номер в страница количка
  • Система за споделяне на файлове с потребителите от подсайтовете на мрежата
  • Система за видео помощ на подсайтове в мрежата
  • Продукт само за регистрирани потребители
  • Модул за проверка на телефона
  • Multisite Product Sync for WooCommerce
  • Политика за защита на личните данни

Всички права запазени AIT WEB DESIGN 2026

НАГОРЕ