Hallo,
ich wollte mal fragen, wie man Javascript Code richtig einbinden muss. Ich möchte gerne diesen Slider https://codepen.io/MhSami/pen/zNBMbj in den Header einbauen. Muss man da zwingend mit dem templateListener arbeiten?
Hallo,
ich wollte mal fragen, wie man Javascript Code richtig einbinden muss. Ich möchte gerne diesen Slider https://codepen.io/MhSami/pen/zNBMbj in den Header einbauen. Muss man da zwingend mit dem templateListener arbeiten?
Ne du kannst natürlich auch einfach ein Link (oder das gesamte Script ins Template setzen:
<script data-relocate="true" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script data-relocate="true">
//<![CDATA[
$('.carousel[data-type="multi"] .item').each(function(){
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
for (var i=0;i<4;i++) {
next=next.next();
if (!next.length) {
next = $(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
}
//]]>
</script>
Alles anzeigen
Beachte aber das du zwingend auch das CSS benötigst:
https://maxcdn.bootstrapcdn.co…3.6/css/bootstrap.min.css
Ich denke nicht daß das Script funktionieren wird, das ist ziemlich alt und du bindest das komplette Bootstrap-JS ein, Das wird mit Sicherheit irgendwo krachen.
Dankeschön.