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