Foros del Web » Programando para Internet » PHP » Symfony »

[SOLUCIONADO] Carrusel con jquery

Estas en el tema de Carrusel con jquery en el foro de Symfony en Foros del Web. Me han pedido un carrusel de fotos y estoy intentado implementar el jcarousel de sorgalla , y no consigo arrancarlo con la 2.4. Si sabeis ...
  #1 (permalink)  
Antiguo 14/11/2014, 05:41
Avatar de Delek  
Fecha de Ingreso: marzo-2005
Ubicación: Madrid
Mensajes: 75
Antigüedad: 19 años, 8 meses
Puntos: 0
Carrusel con jquery

Me han pedido un carrusel de fotos y estoy intentado implementar el jcarousel de sorgalla, y no consigo arrancarlo con la 2.4.

Si sabeis de alguno sencillo de instalar os lo agradeceria.
  #2 (permalink)  
Antiguo 14/11/2014, 08:39
Avatar de hhs
hhs
Colaborador
 
Fecha de Ingreso: junio-2013
Ubicación: México
Mensajes: 2.995
Antigüedad: 11 años, 4 meses
Puntos: 379
Respuesta: Carrusel con jquery

ya agregaste los correspondientes js a tu archivo base.html.twig?
Código HTML:
Ver original
  1. <script type="text/javascript" src="/path/to/jquery.js"></script>
  2. <script type="text/javascript" src="/path/to/jquery.jcarousel.js"></script>
__________________
Saludos
About me
Laraveles
A class should have only one reason to change.
  #3 (permalink)  
Antiguo 16/11/2014, 06:51
Avatar de Delek  
Fecha de Ingreso: marzo-2005
Ubicación: Madrid
Mensajes: 75
Antigüedad: 19 años, 8 meses
Puntos: 0
Respuesta: Carrusel con jquery

Los tengo metidos en el frontend.html.twig.

Código HTML:
{% block javascripts %}
	<script src="web/js/jquery11.js" type="text/javascript"></script>
	<script src="web/js/jcarousel.basic.js" type="text/javascript"></script>
{% endblock %}
  #4 (permalink)  
Antiguo 16/11/2014, 11:54
Avatar de hhs
hhs
Colaborador
 
Fecha de Ingreso: junio-2013
Ubicación: México
Mensajes: 2.995
Antigüedad: 11 años, 4 meses
Puntos: 379
Respuesta: Carrusel con jquery

Recuerda usar asset o assetic para las rutas.
http://symfony.com/doc/current/book/...king-to-assets
http://symfony.com/doc/current/cookb...anagement.html
__________________
Saludos
About me
Laraveles
A class should have only one reason to change.
  #5 (permalink)  
Antiguo 17/11/2014, 06:20
Avatar de Delek  
Fecha de Ingreso: marzo-2005
Ubicación: Madrid
Mensajes: 75
Antigüedad: 19 años, 8 meses
Puntos: 0
Respuesta: Carrusel con jquery

Así lo hice en un principio, pero los implifique por el rollo de estar haciendo el assets:install desde la consola, de todas formas lo he vuelto a poner con assets y sigue sin funcionar.
Estoy probando con el ejemplo basic.

En frontend.html.twig

Código HTML:
{% block stylesheets %}
	<link href="{{ asset('bundles/models/css/normalizar.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('bundles/models/css/comun.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('bundles/models/css/frontend.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ asset('bundles/models/css/jcarousel.basic.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block javascripts %}
	<script src="{{ asset('web/js/jquery11.js') }}" type="text/javascript"></script>
	<script src="{{ asset('web/js/jcarousel.basic.js') }}" type="text/javascript"></script>
	<script src="{{ asset('web/js/jcarousel.min.js') }}" type="text/javascript"></script>
{% endblock %}
Y en resources dentro del bundle models.html.twig
Código HTML:
{% block article %}
<h1>Models</h1>

<script type="text/javascript">
$(function() {
    $('.jcarousel').jcarousel({
    	lista '.jcarousel-lista' 
    });
});
</script>

<div class="wrapper">
     <div class="jcarousel-wrapper">
		<div class="jcarousel">
    		<ul>
        		<li><img src="/images/1.jpg"></li>
        		<li><img src="/images/2.jpg"></li>
        		<li><img src="/images/3.jpg"></li>
        		<li><img src="/images/4.jpg"></li>
    		</ul>
		</div>

        <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
        <a href="#" class="jcarousel-control-next">&rsaquo;</a>
        <p class="jcarousel-pagination">       
        
	</div>
</div>	
{% endblock %}
y no consigo que funcione, no se si se me escapa algo al instalar jquery, por que recuerdo que este mismo carousel lo he usado con la 1.4 y me funcionaba.
  #6 (permalink)  
Antiguo 18/11/2014, 06:02
Avatar de Delek  
Fecha de Ingreso: marzo-2005
Ubicación: Madrid
Mensajes: 75
Antigüedad: 19 años, 8 meses
Puntos: 0
Respuesta: Carrusel con jquery

Tonteria de las gordas, el archivo se llama jquery.jcarousel.min.js y no jcarousel.min,js como lo estaba llamando con el asset. Disculpar.

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:52.