PhotoSwipe + ManualCrop + Insert

Introduction: Making PhotoSwipe jquery, Manual Crop and Insert modules working together.

Result of this: editor of node can now easily embed cropped and scaled images into text as he want. Big images can be now smaller, but clickable and viewable in PhotoSwipe without any additional actions.

1. Install and confugre above 3 modules as wrote in installation documentation;
2. Add image field (prefer to add different image field, if one exists), configure that can be used by Insert module.
3. Copy insert/templates/image-insert-image.tpl.php to your theme folder. Warning: you should copy to your content editing theme, not current, if these are different!
4. You can rename image-insert-image.tpl.php to image-insert-image--STYLENAME.tpl.php for affecting only selected scaling and cropping style.
5. Replace code of above file with next:
 

<a href="<?php print url(file_create_url($item['uri']), array('absolute' => TRUE)); ?>" class="photoswipe" data-size="<?php print $item['width'] . 'x' . $item['height']; ?>">
  <img src="<?php print $url ?>" <?php if ($width && $height): ?>width="<?php print $width; ?>" height="<?php print $height; ?>" <?php endif; ?>alt="__alt__" title="__title__" class="image-<?php print $style_name ?><?php print $class ? ' ' . $class : '' ?>" />
</a>

6. Visit /admin/config/media/photoswipe and checkl "Load PhotoSwipe on all non-admin pages ".
7. If you don't want add PhotoSwipe code into each page, use and modify next code at the bottom of your theme page.tpl.php file:

<?php
  $node = menu_get_object();
  if ($node && ($node->type == 'YOURCONTENTTYPE')) {
    photoswipe_load_assets();
  }
  if (photoswipe_assets_loaded()) {
    print theme('photoswipe_container');
  }
?>

Also:
CKEditor and CKEditor Insert can be used with above modules for making editor life more easer.

TODO:

Make inserted images as gallery viewing, not standalone PhotoSwipe.

Comments

<a href="https://mrdns.info/watch/F9wBXoiveAE">Солим Сало. Выпуск №409 - YouTube</a><br />Солим сало - подробное видео как засолить сало сухим способом! #сало #солимсало #салозасолка<br /><a href="https://mrdns.info/watch/94hKdesrrxw">ГЛАЗИРОВАНЫЕ СЫРКИ В ШОКОЛАДЕ! - YouTube</a><br />ЗАВАРНОЙ КРЕМ-0,5 стакана молока соеденить с 2 яйцами и 1/2 стакана сахара.1 пакет ванильного сахара-заварить и остудить Соеденить с протертым творогом и нач...<br /><a href="https://mrdns.info/watch/JGFfulqvA7Y">Как вкусно засолить сало - YouTube</a><br />Привет парни! Тема для канала новая и пока до конца не понятно нужная ли? Готовить я люблю и умею, но ... Всё будет зависеть от вас. Примете ко двору, теме б...<br /><a href="https://mrdns.info/watch/iXYGofX3qVs">КРЕНДЕЛЯ С МАКОМ И ОРЕХОМ! - YouTube</a><br />- ТЕСТО- мука 6 стаканов ,40 грамм дрожжей жывых или 14 гр. сухих ,500 мл молока, 2 яйца ,сахар 5 ст.л. соль 1 ч.л ! СНАЧАЛА приготовить опару-2 ст.л. молока...<br /><a href="https://mrdns.info/watch/T39utMd7mJk">Золотистые кальмары на шампурах (закусь!) - YouTube</a><br />Подтяни Английский - http://vk.cc/5zEJrf<br /><a href="https://mrdns.info/watch/E22i1fMr7MA">Копчение свинины - YouTube</a><br />Копчение свинины. Маринад: Соли от 16-18% на 1 кг. продукта (в жаркую погоду), 10-12% соли на 1 кг. продукта (в прохладную погоду или для маринования в холод...<br /><a href="https://mrdns.info/watch/YNO5UQIujs8/">Тушенка из свиной головы и долгоиграющих кур. - YouTube</a><br />Не буду много писать!!! Скажу лишь, рецепт класс , тушенка супер!!!<br /><a href="https://mrdns.info/watch/pQTUm9Gupgk/">Как солить сало, сухой способ засолки с чесноком и черным перцем. Шедевр русско-украинской кухни. - YouTube</a><br />Помощь на развитие канала: https://www.donationalerts.ru/r/realkitchen Классический способ засолки сала и на мой взгляд самый простой. Конечно же невероятно ...<br /><a href="https://mrdns.info/watch/uA_7jlFt-iM">Рыбалка с ночёвкой на реке,уха и хорошее настроение (Дневник рыболова) - YouTube</a><br />Группа в ВКонтакте -https://vk.com/dnevnikribolova Группа Одноклассники -https://ok.ru/dnevnikryb Instagram- https://www.instagram.com/vitaliazakharch/ faceb...<br /><a href="https://mrdns.info/watch/ZeL_Ak5dUdg">КОПТИЛЬНЯ и ДЫМОГЕНЕРАТОР за 2000 рублей - YouTube</a><br />Когда нет возможности взять с собой свою коптильню, а продукт уже подготовлен к холодному копчению, выход один - собрать &quot;по быстрому&quot; еще одну коптилку и ды...<br /><a href="https://mrdns.info/watch/EEEnWf7xl6s">Печенье на сковороде (вкусно или нет?!) - YouTube</a><br /><br /><a href="https://mrdns.info/watch/rbwbHTkyQco">Дымогенератор экономичный - YouTube</a><br /><br /><a href="https://mrdns.info/watch/hEictFD8e3Q/">Лосось холодного копчения Скумбрия Деликатесы своими руками - YouTube</a><br />Ребрендинг канала выполнен https://vk.com/nice_design Филе семги (лосося) – 1кг Соль крупная морская – 2ст.ложки Сахар – 1ст.ложка На 1 скумбрию (350г) 1ст. ...<br /><a href="https://mrdns.info/watch/e_oNevV56Sg">ОБЗОР ИНЖЕКТОРОВ для ДЫМОГЕНЕРАТОРА - YouTube</a><br />Инжекторы типа 3 и 3-М, основные отличия. Устройство и способы установки. Сделайте сами или закажите у меня на http://inpast.ru а также, для заказа доступны ...<br /><a href="https://mrdns.info/watch/5PzbBndXP_w">Соленая грудинка. Как вкусно засолить сало за 4 дня. - YouTube</a><br />Видео рецепт приготовления соленой свиной грудинки дома сухим способом. Сало натирается солью, черным перцем, прокладывается дольками чеснока, три дня солитс...<br /><a href="https://mrdns.info/watch/IoXaL08bdr0">ФИГУРНОЕ ПЕЧЕНЬЕ ОРЕШКИ,ГРИБОЧКИ,ШИШКИ - YouTube</a><br />ТЕСТО 250 ГР. МЯГКОГО МАРГАРИНА(я растопила) 3-4.5 СТАКАНА МУКИ(у меня пошло больше потому что было больше жидкости) 1 СТАКАН САХАРА ЩЕПОТКА СОЛИ 0,5 Ч.Л. ГА...<br /><a href="https://mrdns.info/watch/411edLWMkN8/">СУДАК В ТОМАТЕ С ОВОЩАМИ( ЗАПЕЧЕННЫЙ) - YouTube</a><br /><br /><a href="https://mrdns.info/watch/25j4w2MIp_8">МИДИИ НА РЕШЕТКЕ ИЛИ ПОКАТУШКИ С ВЕЗДЕХОДАМИ РЕЦЕПТЫ СЮФ - YouTube</a><br />В РЕЦЕПТЕ СЕБЯ ОТЛИЧНО ПОКАЗАЛ &quot;МАЛЫЙ УТРИШ&quot;. ЭТОТ РАЙ ГОСТЕПРИИМНО ПРИНЯЛ КОМАНДУ &quot;ВЕЗДЕХОДОВ&quot;, КОТОРЫЕ ОТМЕЧАЛИ 30-ЛЕТИЕ СВОЕГО ЛИДЕРА &quot;ВАЛЕНТИНА&quot; НА КАМЕН...<br /><a href="https://mrdns.info/watch/prB7Do9CCio">Коптильня своими руками холодного и горячего копчения Процесс изготовления - YouTube</a><br />Привет! В этом видео, мы постарались запечатлеть основные моменты при изготовлении коптильни холодного и горячего копчения. Приятного просмотра!) Основные ха...<br /><a href="https://mrdns.info/watch/7uwGlIjcCMQ">Очень вкусные домашние Пирожки с Капустой в духовке - YouTube</a><br />Готовим дома очень вкусные пирожки с капустой, без дрожжей, на воде. Рекомендую вам мой проверенный рецепт выпечки в духовке. Ингредиенты: Мука - 400 г Масло...<br />

Add new comment

Простой текст

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.