Plugin này chưa được cập nhật với 3 phiên bản mới nhất của WordPress. Nó có thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress mới nhất.

Really Simple Popup

Mô tả

Simple, easy to use, fancybox style popup.

Works for all images in your page that are in anchor tags. If it finds more than one, it will create a small gallery you can navigate through with the buttons or your keyboard. Advanced users can open iframes and html content in it fairly easily.

Avanced users

Basic use

Anchor class for popup: “hs-rsp-popup”

Advanced use

  • disable gallery feature and popup for image by adding this class: no-hsrsp-popup
  • anchor classes for iframe popup “hs-rsp-popup iframe”
  • anchor classes for html popup “hs-rsp-popup hiddendiv”

Examples

To popup an image give the anchor tag around the image this class: “hs-rsp-popup”
Example: <a href="image.png" class="hs-rsp-popup"><img src="image.png" alt="image"/></a>

For an iframe, set the srct of the iframe and use the class “iframe” combined with “hs-rsp-popup”:
Watch this

You can also use this to show html content. For local content just use the id of the element for the href:
click here
Hello, World!

For remote content, link to the page, for example:
click here

Setting Popup Size (image/iframe)

You can use the following html5 data attributes in your link to set the size: data-popupheight="100" data-popupwidth="300" These values are in pixels.

For Example:

Note: for this to work, you have to use both the data-popupwidth and data-popupheight attributes.

Cài đặt

  1. Extract to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Hỏi đáp

n/a

Đánh giá

2 Tháng Mười Một, 2016
മച്ചാനെ പൊളിച്ചു !!! സാധനം സിമ്പിൾ ആണ്, ബട് പവര്ഫുള് !!!
3 Tháng Chín, 2016
Easy to implement and it does what i wanted. thanks
Đọc tất cả 10 đánh giá

Người đóng góp & Lập trình viên

“Really Simple Popup” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

1.0.11

Removed console.log

1.0.10

Add hs-rsp-nogallery class to any image on the page to prevent the gallery from working

1.0.9

Removed console log left over (can effect IE)

1.0.8

Add ‘no-hsrsp-popup’ class to image to not have it part of gallery/popup. Fixed but on set width/height window resize

1.0.7

Reverted body scroll fix as it was having undesirable effects

1.0.5

  • Fixed: Firefox close issue

1.0.4

  • Fixed: hidden div popup

1.0.3

  • UI Enhancements: new icons, hover states for ‘gallery’ and fade effect instead of ‘slide-down’

1.0.2

  • New: Set width & height of image/iframe popup

1.0.1

  • Update to the readme file

1.0

  • Initial version