Submit your widget

Sexy Images jQuery Plugin

Created 7 years ago   Views 26211   downloads 2667    Author Anton Shevchuk
Sexy Images jQuery Plugin
View DemoDownload 733.2 KB
Share |

This plugin allows you to create sexy hover effect for images on your page ;)


  • jQuery 1.3+

Test with following browsers:

  • Opera 10.0+
  • Mozilla Firefox 3.0+
  • Google Chrome 3.0.195
  • Safari 3.1+ (win)
  • Internet Explorer 8.0


Include JavaScript library jQuery and (a)Sexy Images plugin:

<script type="text/javascript" src="/js/jquery.js?ver=1.3.2"></script>
<script type="text/javascript" src="/js/jquery.asexy.js"></script>

Create any content with images:

<div id="images">
        <img src="docs/images/Peach_and_Lime.jpg" alt="Peach and Lime" />
        <img src="docs/images/Rock_Chick.jpg" alt="Rock Chick" />
        <img src="docs/images/Angel.jpg" alt="Angel" />
        <img src="docs/images/More_stripes.jpg" alt="More stripes" />

Initialize plugin:

<script type="text/javascript">
    $('#images img').asexy();


<script type="text/javascript">
    $('selector img').sexy({
        left:0,       // can be 'center'
        top:0,        // can be 'center'
        zoom:true,    // zoom to size
        speed:500,    // only in ms
        opacity:0.8,  // from 0.0 to 1.0
        round:60,     // don't start new iterration for small different (for linear and zigzag functions)
        func:"linear" // available linear, zigzag, vertical, horizontal, x