Create a dynamic Jquery content slider with the Coda slider 2.0 and ditto

Hi Frank,

-Yes I did, I’m trying to use the Auto Slide chunk.

-No, I Used some template that I got from the web which is for modx (tattoocms.com i think). I haven’t tried to do the real site yet, I just want to show them that it’s possible to do it in Modx. We want to use Modx because of its quick edit feature. Once we’re done developing this site, The update and maintenance will be passed onto a different department.

- Steve Jobs Blog, Very interesting

Im using modx version 1.0.3 see below

I found my own error its inside the chunk of codaSlider.

$().ready(function() {
$(’#coda-slider-2’).codaSlider({
autoSlide: true,
autoSlideInterval: 4000,
autoSlideStopWhenClicked: true
});
});

should be

$().ready(function() {
$(’#coda-slider-[*id*]’).codaSlider({
autoSlide: true,
autoSlideInterval: 4000,
autoSlideStopWhenClicked: true
});
});

Now its working , thanks frank for this wonderful breakthrough keep it up

Okay good you got that working, I was worried that the zip attachement was wrong, but it is correct.

Quote from: roach_03 at May 31, 2010, 07:14 AM

Hi everyone, I tried using this dynamic Jquery content slider. When I preview the resource it displays a "loading..." text and a box which has a "loading" text inside, it doesn’t display the content of my resources, and how can I use the anchorsaway plugin? Is this the reason why it won’t work? I was tasked to do an advertisement webpage which will automatically slide for every 10 seconds. I proposed to use Modx since its FREE, and with a fast interactive forum that always responds when you needed help especially for a noob like me 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

Roach I have used Coda/ditto on sites (Works great). Can you be a bit more specific?
If you can provide a link we can take a look.

Sorry for the late response but I had the same loading error. If I remember well is was a CSS/HTML issue. Try to validate the page on HTML and CSS

Slider works for content, but no tabs menu, just narrow linked tab box above the content that’s missing the titles of the various panels. Please see attached image below. It’s like there needs to be another ditto call within dittoSlider for the tab titles, such as Frank tried in #12 comment above.

Yes, I’ve activated AnchorsAway plugin and used the latest zip. Everything works but the tabs menu. Ideas anyone?

Is that not a CSS problem?

Thanks for your reply, Frank. I’m following your installation instructions above and it seems a ditto call is missing in dittoSlider for tab titles. I’m using the css file that was included in your zip.

Edit: OK, I originally used the css file in your zip above. When I went to your demo site and copied that slider css, it works. So I think your css file in the zip needs some tinkering.

Frank, Kristalin and Phil_G .. Thanks a bunch for this. I got it working except for the arrows. I need static arrows so I can position them where i need them.

First I needed to set auto arrows and auto tabs to false.



Furthermore I used this markup to get arrows in my site



Problem is, if I click them nothing happens! I don’t know what’s going on here.

PS: I use AchorsAway, i run Evo 1.0.4. with .htaccess friendly url and paths.

Hi,

well I got the dynamicArrows set to 1.
And the menu set to 0.

I use 2 tv s there which may make life easier.
TV "arrows", radio options:


Tv menu, radio options:


A chunk for the coda slider:


Try it, Frank.