Выпадающие подписи для изображений

image

The image to the right uses the plugin's default values. Sed a quam accumsan est molestie euismod. Maecenas interdum, ipsum et adipiscing tempus, enim lorem sodales augue, nec ultricies metus ante et arcu! Morbi vehicula cursus leo sit amet tristique. Aliquam pellentesque turpis facilisis mauris facilisis et rutrum turpis mollis! Nam sit amet leo dolor, vel ornare metus. Nulla sem metus, posuere in ultrices quis, molestie vitae lorem? Phasellus ac nisi a purus vulputate vulputate. Pellentesque lorem velit, fermentum vitae ultrices eu, lacinia egestas massa. Duis pulvinar, tortor quis aliquam tincidunt; nulla lectus tempus elit, eget blandit diam metus nec leo? Nunc euismod, felis nec congue vehicula, eros nisi euismod quam, pharetra eleifend ligula dolor in urna! Sed vitae mi a leo eleifend varius. Donec id rutrum sem. Integer eget pellentesque urna. Nulla nec velit id ligula interdum adipiscing. Donec auctor dignissim diam. Morbi eu nulla vitae urna consectetur ultricies sit amet sit amet velit? Nulla convallis; tellus elementum semper pretium, felis lorem tincidunt sem, eget gravida neque risus in metus. Nulla lacinia odio ac risus molestie vel iaculis leo tincidunt. Suspendisse potenti.

In ac lectus sit amet lacus suscipit commodo non in nunc! Phasellus vitae arcu dolor, non luctus felis. Quisque ut mauris eget massa lobortis venenatis et at nibh. Ut sit amet lectus leo. Etiam sed aliquam orci. Duis eu nisl eu enim ullamcorper mollis sed sit amet mauris. Aenean egestas, velit ac tincidunt lacinia, nisl dui scelerisque metus; tempus sagittis nibh metus ut orci. Integer a libero sed nibh tempor mollis. Donec vitae sapien lorem, et lobortis ante. Quisque venenatis viverra euismod. Sed a ante elit, nec porta sem. Sed vel risus vitae sem ultrices commodo in ut diam. Etiam ac leo at magna fringilla sollicitudin ac luctus sapien!

image

The above image has a delay set on both the mouseover and mouseout events. Also, an easing effect has been applied to the mouseover event. Morbi dapibus ultricies lorem vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus bibendum accumsan erat, ac viverra nunc commodo et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper condimentum massa quis placerat. Nam nulla sapien, imperdiet non tincidunt vitae, tristique eu est. Fusce et arcu eget lorem porttitor posuere! Integer molestie aliquet tortor, a sollicitudin ante vehicula non! Suspendisse rutrum fermentum posuere. Etiam congue massa justo, ac laoreet justo. Proin eu magna vitae dui gravida viverra sit amet eu ipsum. Suspendisse potenti. Integer molestie, dui id suscipit ornare, lacus ipsum volutpat quam, ac eleifend nunc augue id lacus. Donec commodo dapibus dui! Proin interdum elit sed tellus pulvinar mollis? Sed eu laoreet nisl.

image

This image isn't using the drop caption plugin and the title attribute functions as it normally would. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a quam accumsan est molestie euismod. Maecenas interdum, ipsum et adipiscing tempus, enim lorem sodales augue, nec ultricies metus ante et arcu! Morbi vehicula cursus leo sit amet tristique. Aliquam pellentesque turpis facilisis mauris facilisis et rutrum turpis mollis! Nam sit amet leo dolor, vel ornare metus. Nulla sem metus, posuere in ultrices quis, molestie vitae lorem? Phasellus ac nisi a purus vulputate vulputate. Pellentesque lorem velit, fermentum vitae ultrices eu, lacinia egestas massa. Duis pulvinar, tortor quis aliquam tincidunt; nulla lectus tempus elit, eget blandit diam metus nec leo? Nunc euismod, felis nec congue vehicula, eros nisi euismod quam, pharetra eleifend ligula dolor in urna! Sed vitae mi a leo eleifend varius. Donec id rutrum sem. Integer eget pellentesque urna. Nulla nec velit id ligula interdum adipiscing. Donec auctor dignissim diam. Morbi eu nulla vitae urna consectetur ultricies sit amet sit amet velit? Nulla convallis; tellus elementum semper pretium, felis lorem tincidunt sem, eget gravida neque risus in metus. Nulla lacinia odio ac risus molestie vel iaculis leo tincidunt. Suspendisse potenti.

image

The above image has a two second delay on mouseout and separate easing effects applied to the mouseover and mouseout events. In ac lectus sit amet lacus suscipit commodo non in nunc! Phasellus vitae arcu dolor, non luctus felis. Quisque ut mauris eget massa lobortis venenatis et at nibh. Ut sit amet lectus leo. Etiam sed aliquam orci. Duis eu nisl eu enim ullamcorper mollis sed sit amet mauris. Aenean egestas, velit ac tincidunt lacinia, nisl dui scelerisque metus; tempus sagittis nibh metus ut orci. Integer a libero sed nibh tempor mollis. Donec vitae sapien lorem, et lobortis ante. Quisque venenatis viverra euismod. Sed a ante elit, nec porta sem. Sed vel risus vitae sem ultrices commodo in ut diam. Etiam ac leo at magna fringilla sollicitudin ac luctus sapien! Aliquam erat volutpat. Phasellus mi est, ultrices at vehicula eu, dignissim et neque. In ornare nisi a metus euismod at ullamcorper dui tincidunt. Nullam sit amet leo eget erat luctus volutpat.

Morbi dapibus ultricies lorem vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus bibendum accumsan erat, ac viverra nunc commodo et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas semper condimentum massa quis placerat. Nam nulla sapien, imperdiet non tincidunt vitae, tristique eu est. Fusce et arcu eget lorem porttitor posuere! Integer molestie aliquet tortor, a sollicitudin ante vehicula non! Suspendisse rutrum fermentum posuere. Etiam congue massa justo, ac laoreet justo. Proin eu magna vitae dui gravida viverra sit amet eu ipsum. Suspendisse potenti. Integer molestie, dui id suscipit ornare, lacus ipsum volutpat quam, ac eleifend nunc augue id lacus. Donec commodo dapibus dui! Proin interdum elit sed tellus pulvinar mollis? Sed eu laoreet nisl.

Дополнительные материалы : www.ruseller.com