[jQuery] Pfeile in Slideshow einblenden

Dustin84

Erfahrenes Mitglied
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:

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:
Zurück