I am currently trying to integrate coda slider in revo, here s what I got sofar, just to give you an idea:
First in the header of my template are my these links to the java files/scripts, obviously you will have to copy to a directory someweher in the assets folder. the assets/js seems to be the logical choice:
<script type='text/javascript' src='[[++base_url]]assets/js/jquery-1.3.2.min.js'></script>
<script type='text/javascript' src='[[++base_url]]assets/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='[[++base_url]]assets/js/jquery.coda-slider-2.0.js'></script>
[[$codaSlider]]
That [[+base url]] is Revo specific, in Evo it looks like [(base_url)].
Also the [[$codaSlider]] is the way to call a chunk in Revo, in Evo it looks like {{codaSlider}}.
Here the content of that chunk:
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-[[*id]]').codaSlider({
dynamicArrows: 1,
dynamicTabs: 1
});
});
</script>
So I create chunks, in the codaSlider chunk I put the bit of java script that triggers the animation, so I could also put that directly in my header. But I use a chunk to make it easier to find and edit. Next, because I want it all to be "dynamic" I put a "ditto" call in the content area of a document. That document will be the container of the different slides. {{dittoSlider}} is that call and the content of that chunk is:
<div class="coda-slider-wrapper">
<div class="coda-nav-left" id="coda-nav-left-[[*id]]">
<div class="coda-slider preload" id="coda-slider-[[*id]]">
[[Ditto? &startID=`[[*id]]`&tpl=`contentTpl`]]
</div><div class="coda-nav-right" id="coda-nav-right-[[*id]]" ></div></div></div>
Finally I need to define that tpl used in that ditto call because that will shape things, so here the content of that ditto tpl:
<div class="panel"><div class="panel-wrapper"><h2 class="title">[[+longtitle]]</h2><h3 class="title">[[+title]]</h3>[[+content]]</div></div>
All the div parts you see in those bits of code are bassicaly the HTML of the original slider.
Did you check the smoothgallery slideshow option
here?
