CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

Anythingslider and navigationFormatter #612

Closed lambdaka closed 9 years ago

lambdaka commented 10 years ago

Hi there !

I try to use anything slider through expression engine. It works ! but I would like to use "navigationFormatter" to work with the channel field I got in Expression Engine

You can check her the results (on the second slider at the bottom) http://goo.gl/vhF92l it returns all the titles as expected.. but They are all in the same span..

here is what I use :

navigationFormatter : function(i, panel){ return ['{exp:channel:entries channel="rue_de_poitou" orderby="screen_name|date" sort="desc|asc"}{title}<br/>{/exp:channel:entries}'][i - 1]; },

Does someone have a clue..?

Thanks a lot..

Mottie commented 10 years ago

Hi @lambdaka!

I have never used expression engine before, so I'm not sure exactly how it works. To me it looks like all of the navigationFormatter is not being used, and instead an external "submenu" is being used.

One problem is that this HTML:

<ul id="submenu" class="police_regular">

    <li id="link-1070">
        <div></div>
        <span>•</span>
    </li>

    <li id="link-1083">
        <div></div>
        <span>•</span>
    </li>

    <!-- etc -->
</ul>

will not work with the code being used:

$('#externalNa a').click(function(){
    var slide = $(this).attr('href').substring(1);
    $('#slider2').anythingSlider(slide);
    return false;
});

the above script points to links (a) and retrieves the slide index from the href. I'm not sure what to do with the list id (e.g. link-1070), so if you need help with the code, I would need to know how that number correlates with the desired slide.

I know the above does not answer your question. So, if you are using the navigationFormatter to add navigation tabs and the result is malformed, then AnythingSlider would be to be initialized after the expression engine has completed it's rendering of that code block. I do not know of any callback function or triggered event that would indicate this completion, nor did I find any documentation from the website.