Demo page: jQuery.popeye | Back to Blog entry "jQuery.popeye - an inline lightbox alternative"

jquery.popeye demo page

The first popeye-box to the left of this paragraph opens to the right (standard behavior).

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras euismod risus non diam. Proin et neque. Fusce molestie eros et urna. Aliquam sed enim nec lacus bibendum suscipit. Sed varius, quam nec aliquam sagittis, risus sapien luctus nisi, sit amet convallis risus metus a mauris. Curabitur aliquam ultrices est. Pellentesque felis. Mauris luctus orci id justo. Mauris tincidunt massa nec pede. Proin auctor suscipit augue.

Vivamus ut nisi id libero interdum pretium. Vestibulum lorem. Sed suscipit justo at lectus. Ut viverra eros in urna. Pellentesque augue libero, bibendum eu, pellentesque a, convallis vitae, neque. Duis vel leo et mauris laoreet porttitor. Fusce venenatis libero a elit. Nunc tincidunt, mi id ornare rhoncus, elit purus suscipit neque, ut semper quam leo vel dolor. Aenean ultrices. Pellentesque vel purus. Maecenas ultricies ipsum at libero. Aenean sed turpis. Mauris eleifend, lectus tempus hendrerit dignissim, odio sem interdum pede, at tristique urna ligula vitae eros. Proin feugiat consequat tellus. Morbi odio lectus, pharetra ac, auctor eu, rutrum vel, dui. Sed nec lectus ac velit sollicitudin pharetra. Pellentesque magna nunc, tincidunt vitae, iaculis quis, convallis hendrerit, enim. Nam eu mauris non odio sollicitudin cursus. Nulla hendrerit.

Nam viverra, tortor nec cursus accumsan, purus purus ultricies mauris, in dignissim orci dui at est. Morbi non quam at ante cursus posuere. Sed ornare sem vitae diam tempor blandit. Nam risus diam, faucibus eget, fermentum et, dignissim eu, tellus. Praesent non justo. Proin vestibulum diam at mi. Cras molestie eleifend mi. Morbi massa enim, auctor at, rhoncus nec, consequat nec, diam. In laoreet lacus vel velit. Sed vulputate commodo ligula.

The second popeye-box on this page (floating to the right of this paragraph) opens to the left (via the options object). It makes use of a more compact CSS-theme without button labels.

Vivamus ut nisi id libero interdum pretium. Vestibulum lorem. Sed suscipit justo at lectus. Ut viverra eros in urna. Pellentesque augue libero, bibendum eu, pellentesque a, convallis vitae, neque. Duis vel leo et mauris laoreet porttitor. Fusce venenatis libero a elit. Nunc tincidunt, mi id ornare rhoncus, elit purus suscipit neque, ut semper quam leo vel dolor. Aenean ultrices. Pellentesque vel purus. Maecenas ultricies ipsum at libero. Aenean sed turpis. Mauris eleifend, lectus tempus hendrerit dignissim, odio sem interdum pede, at tristique urna ligula vitae eros. Proin feugiat consequat tellus. Morbi odio lectus, pharetra ac, auctor eu, rutrum vel, dui. Sed nec lectus ac velit sollicitudin pharetra. Pellentesque magna nunc, tincidunt vitae, iaculis quis, convallis hendrerit, enim. Nam eu mauris non odio sollicitudin cursus. Nulla hendrerit.

Nam viverra, tortor nec cursus accumsan, purus purus ultricies mauris, in dignissim orci dui at est. Morbi non quam at ante cursus posuere. Sed ornare sem vitae diam tempor blandit. Nam risus diam, faucibus eget, fermentum et, dignissim eu, tellus. Praesent non justo. Proin vestibulum diam at mi. Cras molestie eleifend mi. Morbi massa enim, auctor at, rhoncus nec, consequat nec, diam. In laoreet lacus vel velit. Sed vulputate commodo ligula.

Donec tortor. Aliquam in nisi. Proin vitae est. Sed ultricies pulvinar pede. Ut vitae mauris eu metus euismod dapibus. Fusce tristique magna vel velit. Aliquam erat volutpat. Cras eu massa. In at enim vel tortor tincidunt rutrum. Donec eu lorem. Nunc gravida ipsum at nisl.

Nulla facilisi. Sed auctor felis vel mauris. Mauris in lectus. Sed massa velit, varius ac, mollis quis, ornare vel, lectus. Suspendisse sed risus. Nunc eu libero a neque semper bibendum. Etiam placerat. Aliquam aliquet. Fusce sit amet enim eu ante aliquet aliquam. Proin metus sapien, rhoncus ac, luctus sed, euismod vitae, odio. Praesent volutpat dui eget nisl. Suspendisse potenti. Proin tortor dolor, ornare non, vulputate iaculis, varius sed, leo. Ut dignissim, justo pharetra hendrerit laoreet, nulla lacus elementum ligula, sit amet interdum sapien ipsum ac nunc.

Vivamus ut nisi id libero interdum pretium. Vestibulum lorem. Sed suscipit justo at lectus. Ut viverra eros in urna. Pellentesque augue libero, bibendum eu, pellentesque a, convallis vitae, neque. Duis vel leo et mauris laoreet porttitor. Fusce venenatis libero a elit. Nunc tincidunt, mi id ornare rhoncus, elit purus suscipit neque, ut semper quam leo vel dolor. Aenean ultrices. Pellentesque vel purus. Maecenas ultricies ipsum at libero. Aenean sed turpis. Mauris eleifend, lectus tempus hendrerit dignissim, odio sem interdum pede, at tristique urna ligula vitae eros. Proin feugiat consequat tellus. Morbi odio lectus, pharetra ac, auctor eu, rutrum vel, dui. Sed nec lectus ac velit sollicitudin pharetra. Pellentesque magna nunc, tincidunt vitae, iaculis quis, convallis hendrerit, enim. Nam eu mauris non odio sollicitudin cursus. Nulla hendrerit.

Nam viverra, tortor nec cursus accumsan, purus purus ultricies mauris, in dignissim orci dui at est. Morbi non quam at ante cursus posuere. Sed ornare sem vitae diam tempor blandit. Nam risus diam, faucibus eget, fermentum et, dignissim eu, tellus. Praesent non justo. Proin vestibulum diam at mi. Cras molestie eleifend mi. Morbi massa enim, auctor at, rhoncus nec, consequat nec, diam. In laoreet lacus vel velit. Sed vulputate commodo ligula.

Donec tortor. Aliquam in nisi. Proin vitae est. Sed ultricies pulvinar pede. Ut vitae mauris eu metus euismod dapibus. Fusce tristique magna vel velit. Aliquam erat volutpat. Cras eu massa. In at enim vel tortor tincidunt rutrum. Donec eu lorem. Nunc gravida ipsum at nisl.

Nulla facilisi. Sed auctor felis vel mauris. Mauris in lectus. Sed massa velit, varius ac, mollis quis, ornare vel, lectus. Suspendisse sed risus. Nunc eu libero a neque semper bibendum. Etiam placerat. Aliquam aliquet. Fusce sit amet enim eu ante aliquet aliquam. Proin metus sapien, rhoncus ac, luctus sed, euismod vitae, odio. Praesent volutpat dui eget nisl. Suspendisse potenti. Proin tortor dolor, ornare non, vulputate iaculis, varius sed, leo. Ut dignissim, justo pharetra hendrerit laoreet, nulla lacus elementum ligula, sit amet interdum sapien ipsum ac nunc.