Hallo!
Nun sollen einfach die Pfeile anhängig von der Mausposition angezeigt werden.
Es sollte immer nur der linke oder rechte Pfeil zu sehen sein.
Hier mein Script:
Freue mich wie immer über Hilfe.
Gruß
D.
Nun sollen einfach die Pfeile anhängig von der Mausposition angezeigt werden.
Es sollte immer nur der linke oder rechte Pfeil zu sehen sein.
Hier mein Script:
Code:
// Heroteaser
// -------------------------
$(".heroteaser").mousemove(function(e){
// Left side
if(e.pageX < $(this).width() / 2){
// Hide right arrow
$('.heroteaser .btn-next').animate({
right: '-50px'
}, 100);
// Show left arrow
$('.heroteaser .btn-prev').animate({
left: '50px'
}, 100);
// Right side
}else{
// Hide left arrow
$('.heroteaser .btn-prev').animate({
left: '-50px'
}, 100);
// Show right arrow
$('.heroteaser .btn-next').animate({
right: '50px'
}, 100);
}
// Hide both
}).mouseleave(function(){
$('.heroteaser .btn-prev').animate({
left: '-50px'
}, 100);
$('.heroteaser .btn-next').animate({
right: '-50px'
}, 100);
});
Freue mich wie immer über Hilfe.
Gruß
D.
Zuletzt bearbeitet: