Joomla.it Forum

Joomla! 3 => Joomla! 3 => : markuty 20 Feb 2014, 11:22:58

: [RISOLTO] carousel
: markuty 20 Feb 2014, 11:22:58
ho creato una slide con carousel ma vorrei fare in modo che parta in automatico all'apertura della pagina e non dopo aver clikkato su una delle frecce dx o sx.

il codice č questo:
:
<div align="center" id="myCarousel" class="carousel slide" data-interval="5000" data-ride="carousel">

    <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner">
      <div class="active item"><img src="/site/images/headers/web-design.png" /></div>
      <div class="item"><img src="/site/images/headers/photography.png" /></div>
      <div class="item"><img src="/site/images/headers/videos.png" /></div>
    </div>

    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;[/url]
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;[/url]
</div>
come si puņ risolvere?
grazie

p.s.
ovviamente con J3.2 e protostar
: Re:carousel
: mau_develop 20 Feb 2014, 12:20:46
https://www.google.it/search?q=carousel+auto+start
: Re:carousel
: markuty 20 Feb 2014, 17:33:38
come consigliato da M_W_C, dopo un po di ricerche e vari tentativi ho risolto e se a qualcuno puo interessare...
basta inserire questo script prima del tag </body> di chiusura pagina nel file index.php del template
:
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

<script type="text/javascript">
  var $ = jQuery.noConflict();
  $(document).ready(function() {
      $('#myCarousel').carousel({ interval: 3000, cycle: true });
  });
</script>

riferimenti:

http://stackoverflow.com/questions/17114094/twitter-bootstrap-carousel-not-automatically-starting

http://twitterbootstrap.org/twitter-bootstrap-3-carousel-not-automatically-starting/

saluti