# Lightbox Popup

### Single image lightbox

###### `<a class="image-popup-no-margins" href="..." title="title will be apear here"><img src="..."/></a>`

Fits horizontally and vertically
Only horizontally
Zoom animation, close on top-right.

### Lightbox gallery

###### `<a href="..." title="title will be apear here"><img src="..."/></a>`

just add code under class="popup-gallery".

### Zoom-gallery

### Popup with Youtube Video

###### You can use youtube video with popup just add class `popup-youtube`

Open YouTube video

### Google map

###### You can use Googlemap with popup just add class with `popup-gmaps`

Open Google Map

### Css Animation

Zoom
Newspaper
Horizontal move
Move from top
3d unfold
Zoom-out

### Form Popup

Open form

# Form

Lightbox has an option to automatically focus on the first input. It's strongly recommended to use `inline` popup type for lightboxes with form instead of `ajax` (to keep entered data if the user accidentally refreshed the page).

Name
Email
Phone
Textarea
Try to resize me to see how popup CSS-based resizing works.