Cycle with custom navigation (on mouse over) using my page navigation menu
Just wanted to add the cycle plugin to show content when i hover over my main navigation menu related to the cycleing rotation. So i need a solution to tell cycle an id to cycle to. So far i am stuck with before and after functions.
- $(document).ready(function(){
$('#onpoxSlider').cycle({
fx: 'scrollLeft',
easing: 'bounceout',
delay: -2000,
before: onBefore,
after: onAfter
});
function onBefore() {
// ...
}
function onAfter() {
$("#t" + this.id).toggleClass("isActive");
}
});
Well, toggleClass without cycle won't even change my menu item's background image...
but the bigger problem right now is to finde the internal id for an active cycle item.
- .isActive, isActive li, isActive li a {
color: #ffffff;
background: #ffd600 url(images/topmenu_button.png) repeat-x 0 -40px !important;
text-shadow: 1px 1px 1px #000000;
}
I added id's to the main navigation t1 - t5.
Thanks in advance for any help :)