Hallo,
der Titel sagt eigentlich nur schwer aus worum es geht.
Im Prinzip möchte ich das div=entry zur Section und gleichzeitig auch zu einem Container machen. Dessen Inhalte sind dann Definitionen für Bilder die das Javascript laden soll.
Entsprechend der Schachtelung kann ich auch beliebig viele Einträge erstellen, nur leider bleibt der div=entry in der Ausgabe enthalten. Ich dachte, duch geschicktes inner/outer könnte ich das irgendwie loswerden, aber ich habe es nicht geschafft.
Template
<div id="slideshow">
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
<div id="entry">'<div id="image"></div>': { caption: '<div id="caption"></div>' }</div>
};
var myShow = new Slideshow('show', data, {controller: false, height: <div id="height"></div>, hu: '<div id="src"></div>', thumbnails: true, width: <div id="width"></div>});
});
//]]>
</script>
<div class="position-top-wide">
<div id="show" class="slideshow">
</div>
</div>
</div>
Mapping:
ROOT INNER (ALL) (auf <div id="slideshow">)
Image Section Image *:outer (auf <div id="entry">)
Image Container Image *:outer (auf <div id="entry">)
File name File name *:outer (auf <div id="image">)
File caption File caption *:outer (auf <div id="caption">)
Width Width *:outer (auf <div id="width">)
Height Height *:outer (auf <div id="height">)
Folder Folder *:outer (auf <div id="src">)
Ausgabe:
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
<div id="entry">'test1.jpg': { caption: 'Ich bin Caption 1' }</div><div id="entry">'test2.jpg': { caption: 'Ich bin Caption 2' }</div>
};
var myShow = new Slideshow('show', data, {controller: false, height: 320, hu: 'fileadmin/templates/img/slide', thumbnails: true, width: 520});
});
//]]>
</script>
<div class="position-top-wide">
<div id="show" class="slideshow">
</div>
</div>
Hat da jemand Erfahrung mit solch einem Mapping? Wäre für Tipps dankbar.