https://github.com/richard1320/galpop

Galpop is an content pop-up that can display images, HTML and iframes. It can be controlled with the left and right arrow keys and automatically resizes with your browser.
https://github.com/richard1320/galpop

gallery-plugin jquery jquery-plugin popup

Last synced: about 2 months ago
JSON representation

Galpop is an content pop-up that can display images, HTML and iframes. It can be controlled with the left and right arrow keys and automatically resizes with your browser.

• Host: GitHub
• URL: https://github.com/richard1320/galpop
• Owner: Richard1320
• Created: 2013-12-08T02:30:09.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2022-03-28T01:47:40.000Z (over 2 years ago)
• Last Synced: 2024-10-13T01:36:45.320Z (2 months ago)
• Topics: gallery-plugin, jquery, jquery-plugin, popup
• Language: JavaScript
• Homepage: http://richard1320.github.io/Galpop/
• Size: 1.5 MB
• Stars: 11
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Galpop Image Gallery

Description: Galpop is an content pop-up that can display images, HTML and iframes. It can be controlled with the left and right arrow keys and automatically resizes with your browser.

Author: Richard Hung

More documentation and examples: http://richard1320.github.io/Galpop/

## Key Features

- Resizes with your browser

- Can use arrow keys for controls

- Callbacks after every image is loaded

- Backgrounds and borders can be easily changed with CSS

## How to Use

Galpop has a CSS and JS file in addition to the jQuery library.

```

```

Create anchors that link to the pop-up image. You should add a "data-galpop-group" attribute to the anchor which will group all your images so you can use next and previous buttons.

```



	





	





	



```

Initiate the plugin after the HTML markup.

```

$('.galpop').galpop();

```