You are here

Home » API reference » Magnific Popup 7

README.txt in Magnific Popup 7

Same filename and directory in other branches
  1. 8.2 README.txt
  2. 8 README.txt
CONTENTS OF THIS FILE
---------------------

  * Introduction
  * Integration with Other Modules
  * Installation
  * Maintainers


INTRODUCTION
------------
Integrate Dmitry Semenov's Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/)
jQuery lightbox plugin with Drupal as a field formatter.

This module provides a "Magnific Popup" field formatter for File Entity and
Image fields. Fields with multiple items (cardinality > 1) can be grouped into a
Magnific Popup gallery, or shown individually as a stand-alone popup (no
"previous"/"next" navigation options). 

From the author of the jQuery plugin:
  Magnific Popup is a responsive jQuery lightbox plugin that is focused on
  performance and providing best experience for user with any device (Zepto.js
  compatible).


The jQuery plugin supports:
 - Single-image lightbox
 - Zoom-gallery
 - Lightbox gallery
 - Popup with video or map
 - Popup with form
 - Modal popups
 - Ajax popups
 - CSS animations


INTEGRATION WITH OTHER MODULES
------------------------------
Combining the optional sub-module Magnific Popup YouTube with the Media: YouTube
module (http://drupal.org/project/media_youtube) allows easy embedding of
YouTube pop-ups.


INSTALLATION
------------
This module requires Libraries and jQuery Update (jQuery 1.7.2 or above is
required).

Install the third-party Magnific Popup library from https://github.com/dimsemenov/Magnific-Popup
under sites/SITE/libraries (where SITE is "all," "default," etc.)  To be
correctly detected and used, the JS and CSS must be located at these paths:
 - libraries/magnific-popup/dist/jquery.magnific-popup.js
 - libraries/magnific-popup/dist/magnific-popup.css

Activate the Magnific Popup module, then manage the display of any File or Image
fields, for example under admin/structure/types/manage/TYPE/display.  Choose
"Magnific Popup" as the formatter.

By default, item thumbnails will use the "magnific_popup_thumbnail" Image Style.
You can configure this image style under Image Styles at
admin/config/media/image-styles/edit/magnific_popup_thumbnail.


MAINTAINERS
-----------
- jay.dansand (Jay Dansand)

File

README.txt
View source 
  1. CONTENTS OF THIS FILE

  2. ---------------------

  3. 

  4.   * Introduction

  5.   * Integration with Other Modules

  6.   * Installation

  7.   * Maintainers

  8. 

  9. 

  10. INTRODUCTION

  11. ------------

  12. Integrate Dmitry Semenov's Magnific Popup (http://dimsemenov.com/plugins/magnific-popup/)

  13. jQuery lightbox plugin with Drupal as a field formatter.

  14. 

  15. This module provides a "Magnific Popup" field formatter for File Entity and

  16. Image fields. Fields with multiple items (cardinality > 1) can be grouped into a

  17. Magnific Popup gallery, or shown individually as a stand-alone popup (no

  18. "previous"/"next" navigation options). 

  19. 

  20. From the author of the jQuery plugin:

  21.   Magnific Popup is a responsive jQuery lightbox plugin that is focused on

  22.   performance and providing best experience for user with any device (Zepto.js

  23.   compatible).

  24. 

  25. 

  26. The jQuery plugin supports:

  27.  - Single-image lightbox

  28.  - Zoom-gallery

  29.  - Lightbox gallery

  30.  - Popup with video or map

  31.  - Popup with form

  32.  - Modal popups

  33.  - Ajax popups

  34.  - CSS animations

  35. 

  36. 

  37. INTEGRATION WITH OTHER MODULES

  38. ------------------------------

  39. Combining the optional sub-module Magnific Popup YouTube with the Media: YouTube

  40. module (http://drupal.org/project/media_youtube) allows easy embedding of

  41. YouTube pop-ups.

  42. 

  43. 

  44. INSTALLATION

  45. ------------

  46. This module requires Libraries and jQuery Update (jQuery 1.7.2 or above is

  47. required).

  48. 

  49. Install the third-party Magnific Popup library from https://github.com/dimsemenov/Magnific-Popup

  50. under sites/SITE/libraries (where SITE is "all," "default," etc.)  To be

  51. correctly detected and used, the JS and CSS must be located at these paths:

  52.  - libraries/magnific-popup/dist/jquery.magnific-popup.js

  53.  - libraries/magnific-popup/dist/magnific-popup.css

  54. 

  55. Activate the Magnific Popup module, then manage the display of any File or Image

  56. fields, for example under admin/structure/types/manage/TYPE/display.  Choose

  57. "Magnific Popup" as the formatter.

  58. 

  59. By default, item thumbnails will use the "magnific_popup_thumbnail" Image Style.

  60. You can configure this image style under Image Styles at

  61. admin/config/media/image-styles/edit/magnific_popup_thumbnail.

  62. 

  63. 

  64. MAINTAINERS

  65. -----------

  66. - jay.dansand (Jay Dansand)