16.06.2013, 23:46
Abend zsm,
folgende Situation :
Ich hab das Carousel von dem Twitter Bootstrap eingebunden und möchte nun, dass wenn der erste Slide angezeigt wird, der "zurück"-Button nicht mehr sichtbar ist, wenn der letzte Slide angezeigt wird, soll logischer Weise der "weiter"-Button ausgeblendet werden ...
Ich habe es bereits hiermit probiert :
folgende Situation :
Ich hab das Carousel von dem Twitter Bootstrap eingebunden und möchte nun, dass wenn der erste Slide angezeigt wird, der "zurück"-Button nicht mehr sichtbar ist, wenn der letzte Slide angezeigt wird, soll logischer Weise der "weiter"-Button ausgeblendet werden ...
Ich habe es bereits hiermit probiert :
Code:
$(document).ready(function () {
$('.carousel')
.carousel({ interval: false })
.on('slid', function (event)
{
var aktuell = $('.active', $(event.target));
if (aktuell.data('location') == 'first')
{
$('a.carousel-control.left').hide();
$('a.carousel-control.right').show();
}
else if (aktuell.data('location') == 'last')
{
$('a.carousel-control.left').show();
$('a.carousel-control.right').hide();
}
else
{
$('a.carousel-control.left').show();
$('a.carousel-control.right').show();
}
});
});
die HTML Struktur :
Code:
<div id="carousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
</div>
</div>
<div class="item">
<div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
</div>
</div>
<div class="item">
<div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
</div>
</div>
</div>
<a class="carousel-control left" href="#carousel" data-slide="prev">zurück</a>
<a class="carousel-control right" href="#carousel" data-slide="next">weiter</a>
</div><!--end #carousel-->
Jemand vllt ne Idee ?
Bin für jede Hilfe dankbar 
mfg Aaron