# Creating Flipbook
To create a flipbook, you need to
Include scripts and style in your head of your HTML
```html
```
Create an element that will be container for flipbook, for example
```html
...
...
```
and call the flipBook function with options.
### Flipbook from images
```javascript
const options = {
pages: [
{src: "book1/1.jpg", thumb: "book1/thumb1.jpg"},
{src: "book1/2.jpg", thumb: "book1/thumb2.jpg"},
...
]
}
const container = getElementById('container');
new FlipBook(container, options)
```
#### Full code
```html
```
### Flipbook from PDF
```javascript
const options = {
pdfUrl: 'pdf/1.pdf'
}
const container = getElementById('container');
new FlipBook(container, options)
```
#### Full code
```html
```
### Creating flipbooks using jQuery synthax (legacy)
Flipbooks can also be created using jQuery, to support legacy code