Problemi con Twitter Bootstrap Carousel

[fermat]

ciao!
sto cercando di usare il carousel di twitter bootstrap 3.
questo il codice della pagina:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item">
            <img src="immagine.jpg" alt="immagine.jpg" style="height: 800px;">
        </div>
    </div>
    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

il tutto però non funziona.
si vedebono le icone con le frecce, ma non si vede l'immagine, e se provo a cliccare sulla freccia in avanti mi esce questo errore nella console JS:

TypeError: d.css(...) is undefined

tutto il resto di twitter bootstrap funziona perfettamente.
avete qualche idea??

[Xinod]

hai duplicato auesti elementi con classe item?

[gi083web]

ragazzi io invece ho un'altro problema... il carousel funziona egreggiamente, se FERMAT volesse il codice da me usato glielo posto, però alla fine della slide e precisamente dopo l'ultima immagine il carousel sparisce...
il caurosel è stato creato con bootstrap 3 il cod è questo:
<code>

<div id="myCarousel" class="carousel slide">
<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>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
<li data-target="#myCarousel" data-slide-to="6"></li>
<li data-target="#myCarousel" data-slide-to="7"></li>
<li data-target="#myCarousel" data-slide-to="8"></li>
<li data-target="#myCarousel" data-slide-to="9"></li>
<li data-target="#myCarousel" data-slide-to="10"></li>


</ol>

<div class="carousel-inner">
<div class="item active">
<img src="img/img-imieiscatti/scatto1.jpg" alt="descr-1" class="img-responsive">
<div class="carousel-caption">
<h3>descr-1</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>

<div class="item">
<img src="img/img-imieiscatti/scatto2.jpg" alt="descr-2" class="img-responsive">
<div class="carousel-caption">
<h3>descr-2</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>

<div class="item">
<img src="img/img-imieiscatti/scatto3.jpg" alt="descr-3" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto4.jpg" alt="descr-4" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto5.jpg" alt="descr-5" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto6.jpg" alt="descr-6" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto7.jpg" alt="descr-7" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto8.jpg" alt="descr-8" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto9.jpg" alt="descr-9" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto10.jpg" alt="descr-10" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>


<div class="item">
<img src="img/img-imieiscatti/scatto11.jpg" alt="descr-11" class="img-responsive">
<div class="carousel-caption">
<h3>descr-3</h3>
<p>lorem ipsus dolor site amet.</p>
</div>
</div>

<a class="carousel-control left" href="#myCarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>

<a class="carousel-control right" href="#myCarousel" data-slide="next">
<span class="icon-next"></span>
</a>



</div>
</div>

</code>

[Xinod]

questo
<li data-target="#myCarousel" data-slide-to="10"></li>
comuqnue non dovrebbe esserci

[gi083web]

questo
<li data-target="#myCarousel" data-slide-to="10"></li>
comuqnue non dovrebbe esserci

ciao, grazie per la risposta ma continua a farlo e precisamente adesso, dopo essere arrivato all'ultima foto ritorna alla prima, e fin qui è quello che volevo, ma poi sparisce alla seconda! In pratica quello che faceva prima all'ultima foto adesso lo fa alla seconda...

[Xinod]

sposta fisicamente le frecce fuori dal div carousel-inner

accertati che ci sia una precisa corrispondenza (nel numero totale e data-slide-to) tra <li> in carousel-indicators e <item>

ciao