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.
| ||||
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. |
| ||||
Respuesta: Carrusel con jquery ya agregaste los correspondientes js a tu archivo base.html.twig?
Código HTML:
Ver original |
| ||||
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 |
| ||||
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 %} 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">‹</a> <a href="#" class="jcarousel-control-next">›</a> <p class="jcarousel-pagination"> </div> </div> {% endblock %} |
Etiquetas: |