Hello Phil,
great work! Everything with this minimum edit work perfect.
Thanks!
Frank, thank you for the work
Nice, nice...
<div class="coda-slider-wrapper">
<div id="coda-nav-[*id*]" class="coda-nav">
<ul>
[!Ditto? &startID=`[*id*]`&tpl=`makemenu`!]
</ul>
<div class="coda-slider preload" id="coda-slider-[*id*]">
[!Ditto? &startID=`[*id*]`&tpl=`contentTpl`!]
</div></div><li class="tab[+id+]"><a href="[~[*id*]~]#[+id+]">[+title+]</a></li>
<div class="panel"><div class="panel-wrapper"><h2 class="title">[+title+]</h2>[+content+]</div></div>
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-[*id*]').codaSlider({
dynamicArrows: false,
dynamicTabs: false
});
});
</script>
☆ A M B ☆
var myLoc = document.location;
ul.append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>'); ul.append('<li class="tab' + (n+1) + '"><a href="'+myLoc+'#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>');
I have good news!
Today i make some test and changes in jquery.coda-slider-2.0
after line 56 add new var like this:
var myLoc = document.location;
// idea is get the URL
next is in line 133:
ul.append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>');
change to:
ul.append('<li class="tab' + (n+1) + '"><a href="'+myLoc+'#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>');
now links in the HTML is like this:
<a href="http://www.sitename.net/currnetdoc.html#1"></>
<a href="http://www.sitename.net/currnetdoc.html#2"></>
etc.
after which use of the steps from first post
Hi,
here a simple solution to create a content slider with the very versatile Coda 2.0 Jquery slider created by Niall Doherty, in the link you can find the options available for this script http://www.ndoherty.biz/demos/coda-slider/2.0/..
Edit: With the help of Kristalin, who modified the original Jquery-codaslider code, and the AnchorsAway plugin by Open Geek we got it running.
Got it running here, I did not style it sorry:
http://blog.smashit.it
Here s how to do it, there is not much to change except the links to the jquery codes and the CSS that needs to be adapted for your needs.
Probably a good idea to start of with the original CSS file and adapt that.
Rest of the chunks will find their way. The original CSS, the chunks and the plugin are attached in the zip, together with the modified Codaslider codes.
- Download the attached modified coda package from the bottom of this post.
Put a referer to the three jquery codes in your template <head> section. And off course copy the three jquery codes to that place. In my case:
<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>- Make sure Ditto is installed
- Create all the chunks; codaSlider,contentTpl and dittoSlider.
- Put a call to the codaSlider chunk before the end head tag </head> in you template. Like so: {{codaSlider}} In the codaSlider chunk you can set the options for the behaviour of the slider.
- Now create a document that is published and shows in menu. It needs to be a container to hold the documents that you want to use as content for that slideshow. These child documents dont need "show in menu" ticked. They need to be published.
[li]In this parent document place a call to the dittoSlider chunk. Like so {{dittoSlider}}. You put the same call in every parent document you like to use the slider in.
That should do it.
Frank.
<div class="coda-slider-wrapper">
<div id="coda-nav-[*id*]" class="coda-nav">
<div class="coda-slider preload" id="coda-slider-[*id*]">
[!Ditto? &startID=`[*id*]`&tpl=`contentTpl` &orderBy=`menuindex ASC`!]
</div>
</div>
<div class="coda-slider-wrapper">
<div id="coda-nav-[*id*]" class="coda-nav">
<div class="coda-slider preload" id="coda-slider-[*id*]">
[!Ditto? &startID=`[*id*]`&tpl=`contentTpl` &orderBy=`menuindex ASC`!]
</div>
</div>
</div> <!-- the missing closing div -->
Buying a macromedia flash software is pretty much expensive thats why this is the greater alternative 
. I’m very new at Modx and a help from you guys is pretty much appreciated. kudos to the developers of modx and to its community 
thanks