Hallo Leute,

ich bastel noch an meinem Slider rum

ich habe jetzt das TS für den Slider fertig und es wird auch richtig ausgegeben. Als Basis soll der Flexslider dienen.
es soll auch möglich sein, mehrere Slider auf einer Seite zu zeigen.

Das gesamte TS steht unten.

Das TS im sieht schematisch so aus:

lib.FlexSlider =
    10 = HTML-AUSGABE (trägt die ID des Sliders ein)
    20 = JAVASCRIPT-AUSGABE (braucht die ID des Sliders)
}

In der HTML-Ausgabe sollte es aber so sein:

<HTML>
    <Texte>
    <SLIDER ID-1>
    <Texte>
    <SLIDER ID-2>
    <Texte>

    <jQuery-Einbindung>
    <FlexSlider-Einbindung>
    <SliderInitialisierung ID1>
    <SliderInitialisierung ID1>
</HTML>

Wie kann ich einerseits den Slider aufbauen und diesen innerhalb des Contentbereichs der HTML-Seite ausgeben, und dann die ID unterhalb der Webseite zur Initialisierung ausgeben?



geht das?

<SLIDER ID-1>
lib.FlexSlider =
    10 = HTML-AUSGABE (trägt die ID des Sliders ein)
    20 = speichert über TS die ID in einem ARRAY
}
</SLIDER ID-1>
<SLIDER ID-2>
lib.FlexSlider =
    10 = HTML-AUSGABE (trägt die ID des Sliders ein)
    20 = speichert über TS die ID in einem ARRAY
}
</SLIDER ID-2>
...
<SliderInitialisierung ID1>
    holt aus dem ARRAY die erste ID
</SliderInitialisierung ID1>
<SliderInitialisierung ID2>
    holt aus dem ARRAY die zweite ID
</SliderInitialisierung ID2>


Vielen Dank,
Marco.



Vollständiges TS

lib.FlexSlider = COA
lib.FlexSlider {
    1 = LOAD_REGISTER
    1.counterItemSlider = 0

    2 = LOAD_REGISTER
    2.firstItemSliderClass = active

# HTML AUSGABE #
    10 = FILES
    10 {
        references {
            table = tt_content
            uid.data = field:uid
            fieldName = image
        }
stdWrap.dataWrap = <div class="flexslider-{field:uid}"><div class="slides"><ul>|</ul></div></div>
        renderObj = COA
        renderObj {
            10 = TEXT
            10 {
                value = <li class="item {register:firstItemSliderClass}">
                insertData = 1
            }
            20 = IMAGE
            20 {
                file {
import.data = file:current:originalUid // file:current:uid
                    height = 400c
                    width < lib.bildbreite
                }
            }

            30 = COA
            30 {
                stdWrap.wrap =<div class="PicSlider-caption">|</div>
                stdWrap.required = 1
                10 = COA
                10 {
                    stdWrap.wrap =<h4>|</h4>
                    stdWrap.required = 1
                    10 = TEXT
                    10 {
                        value ={file:current:title}
                        insertData = 1
                    }
                }
                20 = COA
                20 {
                    stdWrap.wrap =<p>|</p>
                    stdWrap.required = 1
                    10 = TEXT
                    10 {
                        value ={file:current:description}
                        insertData = 1
                    }
                }
            }

            40 = TEXT
            40.value = </li>

            50 = RESTORE_REGISTER
        }
    }

# JAVASCRIPT AUSGABE #
    20 = COA
    20 {
        10 = TEXT
10.value = <script type="text/javascript">$(document).ready(function(){$('.flexslider-

# ID DES SLIDERS #
        20 = TEXT
        20.value = {field:uid}
        20.insertData = 1

        30 = TEXT
30.value = ').flexslider({animation: "slide",start: function(slider){$('body').removeClass('loading');}});});</script>
    }
}
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an