Hallo,
ich nutze die Extension bootstrap_grids und hiervon u.a. den Flexslider, der dem Redakteur zur Verfügung steht. Es funktioniert soweit auch alles einwandfrei, bis auf eine Sache, dass die Konfiguration des Sliders mitten in die Seite geschrieben und nicht am Ende platziert wird. Meine sonstigen JS Sachen und Bibliotheken werden erst alle kurz vor dem schließenden body-tag eingefügt und so wirft die Slider-Einbindung natürlich einen Fehler, da jquery bis zu diesem Zeitpunkt noch überhaupt nicht geladen wurde. Welche Möglichkeit habe ich, den ausgegebenen Code ganz ans Ende der HTML-Page schreiben zu lassen?
Gruß
TC
lib.bootstrap_grids.slider < lib.gridelements.defaultGridSetup
lib.bootstrap_grids.slider {
columns {
101 < .default
101.renderObj.wrap = <li>|</li>
101.wrap (
<section class="slider section relative"><div class="flexslider" id="flexslider{field:uid}">
<ul class="slides">|</ul>
</div></section>
)
101.insertData = 1
}
append = COA
append.wrap (
<script>
( function($) {
$(document).ready(function() {
|
});
}) (jQuery);
</script>
)
append {
10 = TEXT
10.value = $('#flexslider{field:uid}').flexslider(
10.insertData = 1
20 = TEXT
20.value = {
30 = TEXT
30.wrap = |
30.insertData = 1
30.value (
direction: "{field:flexform_direction}", slideshowSpeed: {field:flexform_slidespeed},
animation: "{field:flexform_animation}", animationSpeed: {field:flexform_animationspeed}, animationLoop: {field:flexform_animationloop}, useCSS: false,
controlNav: {field:flexform_showcontrolnav}, directionNav: {field:flexform_showdirnav}, pausePlay: {field:flexform_showpause}, pauseOnHover: {field:flexform_pauseonhover},
initDelay: {field:flexform_initdelay}, randomize: {field:flexform_randomize}, reverse: {field:flexform_reverse}
)
40 = TEXT
40.value = });
}
}