Below you can find the complete documentation for prettyPopin.
If you are having problems with prettyPopin and need support, please come and ask your questions in our forums.
If you got here by mistake, don’t leave! The main prettyPopin page can be found here.
If you we’re not looking for prettyPopin, well too bad, but you can still read my blog here.
Nothing is easier to use. First build the content you want to include in prettyPopin in the same structure you would build any AJAX content.
jQuery can be download here
Add rel=”prettyPopin” to any link you want to activate the prettyPopin feature
<a href="ajax/regular.html" rel="prettyPopin">Regular content</a>
* NOTE: The link need to point to the content you want to load
Then initialize prettyPopin.
To customize the settings, you need to pass the values to prettyPopin, like so:
To link internally in prettyPopin (a paging for example), add rel=”internal” to the links you want to link inside prettyPopin.
<p>This is a normal bit of content <a href="page.html" rel="internal">this link will load in prettyPopin</a></p>
You can also close prettyPopin by adding rel=”close” to any link you want to close prettyPopin.
The content loaded in prettyPopin should have a predefined width, else the content may not render properly. To set the width you can define it when initializing prettyPopin like described in the previous step.