Ayuda con Slider Jquery[No resuelta]

Respuestas:

•  

    4  

   

   

  Matias Rossi Karma: 21

   
  Fecha: 21-03-2016 18:43:48 Usa un condicional, que chequee si el elemento está en el estado :hover
  
  

  if ($('#elemento:hover').length != 0) {
      // Hacer algo...
  }
  

    Votos: 4 - Link respuesta
   
•  

    1  

   

   

  Qué Código Karma: 2708

   
  Fecha: 22-03-2016 06:28:01 Hola,
  Se me había olvidado por completo esa opción gracias la probaré y doy por resuelta la pregunta.
  
  Saludos.
  Equipo AnimeSensei.   Votos: 1 - Link respuesta
   
•  

    0  

   

   

  Qué Código Karma: 2708

   
  Fecha: 22-03-2016 10:33:19 Hola,
  Vuelvo a abrir la pregunta ya que tengo otra duda referente a este.
  
  He intentado poner los botones para cambiar tal imagen para la siguiente y la anterior, el boton de siguiente ya logre ponerlo pero cuando le pongo el de anterior se me daña y despues aparece la imagen por el setInterval
  
  Código JQuery:
  

  <script type="text/javascript">
  	//<![CDATA[
  	$(function(){
  		$('#slider div:gt(0)').hide();
  		setInterval(function(){
  			if ($('#js-slide:hover').length == 0) {
  				$('#slider div:first-child').fadeOut(0)
  				.next('div').fadeIn(1000)
  				.end().appendTo('#slider');
  			}
  		}, 4000);
  	});
  	//]]>
  	$(document).on("click",'#slider-left',function(event){
  		$('#slider div:first-child').fadeOut(0)
  		.prev('div').fadeIn(1000)
  		.end().appendTo('#slider');
  	});
  	$(document).on("click",'#slider-right',function(event){
  		$('#slider div:first-child').fadeOut(0)
  		.next('div').fadeIn(1000)
  		.end().appendTo('#slider');
  	});
  </script>
  

  
  Código HTML:
  

  <div id="slider">
  	<div>
  		<a href="#">
  			<img src="img/banner/s_1356_banner.jpeg" />
  		</a>
  		<span>
  			Ansatsu Kyoushitsu
  		</span>
  		<p>
  			<span class="description">
  				Una historia llena de acción sobre una clase de inadaptados sociales (alumnos de la clase 3-E) que intentan asesinar a su nuevo profesor: un alienígena-pulpo, con poderes extraños y fuerza sobrehumana...
  			</span>
  			<a href="#" class="boton">VER ANIME</a><br>
  			<span class="directions">
  				<a href="#" id="slider-left"><i class="fa fa-arrow-circle-left"></i></a><a href="#" id="slider-right"><i class="fa fa-arrow-circle-right"></i></a>
  			</span>
  		</p>
  	</div>
  	<div>
  		<a href="#">
  			<img src="img/banner/s_1370_banner.jpeg" />
  		</a>
  		<span>
  			Ajin
  		</span>
  		<p>
  			<span class="description">
  				Los subhumanos no pueden morir. Aparecieron por primera vez en Africa durante un conflicto bélico, hace diecisete años. A partir de entonces, más especímenes han ido apareciendo en la sociedad humana...
  			</span>
  			<a href="#" class="boton">VER ANIME</a><br>
  			<span class="directions">
  				<a href="#" id="slider-left"><i class="fa fa-arrow-circle-left"></i></a><a href="#" id="slider-right"><i class="fa fa-arrow-circle-right"></i></a>
  			</span>
  		</p>
  	</div>
  	<div>
  		<a href="#">
  			<img src="img/banner/s_1019_banner.jpg" />
  		</a>
  		<span>
  			Hellsing Ultimate
  		</span>
  		<p>
  			<span class="description">
  				Hellsing es una organización que se dedica a detener a los malvados que acechan en la oscuridad, los vampiros. También se encargan de otros monstruos ...
  			</span>
  			<a href="#" class="boton">VER ANIME</a><br>
  			<span class="directions">
  				<a href="#" id="slider-left"><i class="fa fa-arrow-circle-left"></i></a><a href="#" id="slider-right"><i class="fa fa-arrow-circle-right"></i></a>
  			</span>
  		</p>
  	</div>
  </div>
  

  
  
  Saludos
  Equipo Anime Sensei   Votos: 0 - Link respuesta