Direction Aware Hover Effect WordPress

Abdelhadi Touil answers:

Hi.
If you can send me the theme, then I'll try to make changes you want by adding the hover effect. You can send it to me by email.
Good luck.

John Cotton answers:

From the hover demo, the code looks simple enough:


<script type="text/javascript">
$(function() {

$(' #da-thumbs > li ').each( function() { $(this).hoverdir(); } );

});
</script>


You need to put this code on the page and change ' #da-thumbs > li ' to a selector that works for your services elements (if you gave the container div and id or class, that would make your life much easier).

Then, remove the current hover cover (which appears to be these lines in ownScript.js - but the code isn't documented so it's hard to be sure)

/* wp gallery hover */

jQuery('.imgwrap').hover(function() {
jQuery(this).find('a.hoverstuff-link,a.hoverstuff-zoom')
.animate({
opacity: '1',
}, 100);

} , function() {

jQuery(this).find('a.hoverstuff-link,a.hoverstuff-zoom')
.animate({
opacity: '0',
}, 400);
});


Finally, include the source hover js, it should just work.

---

---

---

---

---

---

---