You can use the "navigationFormatter" option to make the navigation tabs contain anything you want. Please check out the examples in the documentation (near the bottom).
Hello! I seem to have the same trouble that others have had with regard to the FX extension breaking the code. I've been over and over my code but haven't seen the error of my ways. Can you help?
There are a couple of errors in the code. One which isn't effecting the slider is this one "stLight is not defined" Line 17 "stLight.options({"
The Fx is breaking because there is a semi-colon that needs to be removed before the ".anythingSliderFx" function. Also, the comma after "animationTime : 0," needs to be removed or IE won't work.
So the code should end up looking like this:
$('#slider') .anythingSlider({ buildArrows:false, width: 505, height: 412, animationTime : 0 }) .anythingSliderFx({ // target the entire panel and fade will take 500ms '.panel' : [ 'fade', 1000, 'easeInCirc' ] });
Edit: Actually, there is another option that makes the fade transition look better called "delayBeforeAnimate" which is how long the slider pauses before changing slides. Here is a demo of it. And the code after adding this option:
$('#slider') .anythingSlider({ buildArrows:false, width: 505, height: 412, animationTime : 0, delayBeforeAnimate : 500 }) .anythingSliderFx({ // target the entire panel and fade will take 500ms '.panel' : [ 'fade', 1000, 'easeInCirc' ] });
Very impressive support for this. Counting on this, I'm tasked with migrating from v1.2 to the new version so that I can use the FX plugin as the client wants a fade transition.
I have gone through all the posts looking for help, and I've modified the code and also understand that some changes to my XHTML are in order. However, everything that I have done has led me nowhere.
I recently removed that Tofu Blog theme example from my drop box... hmm, I don't think I have a backup of it anywhere. But I do have this example of a fade transition you could work from.
I haven't had a chance to look at the code on your site, as I have to run here in a minute. But if you are still having trouble, I'll look at it again later.
Rob
Edit: Updated the demo, since it appears that the jQuery (edge) version is causing some errors and preventing the demo from working.
Thanks for your super fast response! I checked your example in both Firefox and Safari (Mac) and neither of them work for me :( Click Start, any of the arrows and/or numbered tabs and nada!
Still having issues with the fader. If you have a min and could take a quick peek at http://www.tienda.com/temp/home-test.html (currently using v1.2 with slides) and let me know what I need to do to make it work with FX faders I would buy you a beer!
@Mottie - Hi, Mottie - Thanks so much for your response. Not sure where the stlight options issue arises. I made the changes you suggested, here. Now the fade starts, but the next image never appears. Any suggestions - thanks so much, again.
Hello Ladies And Gentleman, I used AnythingSlider (For Wordpress) in one of my projects and everything's working fine except, when the page loads the first slide comes in, fades out and then fades back in again (Blinks) and it's bugging the client. I've been reading forums and blogs to figure out how to resolve this issue. It came to my attention that previously UNATA was dealing with the same problem and some other people in other blogs also mentioned it but unfortunately there's no solution.
Here's the website : new.talas.ca .. anything at this point would help ..
Thank you Mottie for the fast reply, I followed the demo link, that's exactly the issue I'm talking about, and yes I couldn't find the set of code to change it in WP version.
Any way to get a fade without the slide? Here is my test page: http://www.tienda.com/temp/home-test2.html - not properly formatted yet as I'm just trying to get fades between list elements first.
I'm guessing you want to make your slides cross-fade (fade directly from one slide to another)? Sorry, but at this time, AnythingSlider is based upon lining up all of the slides side-by-side (or top-to-bottom when vertical) and the outer container is repositioned to bring the proper slide into view.
There are other sliders out there that stack all of their images - in fact our own Jamy has PlusSlider which can do both!
Thanks for the quick reply yet again! I'll check out PlusSlider. Damn, I had AnythingSlider working perfectly and then the client said "Um, I think that we want fades instead". Argh!
I've read your solution on github "AnythingSlider is starting from the last panel instead of the first. How do I fix it?". I'm having the same problem but with AnythingFader. The last slide is appearing first in IOS and Google Chrome (although the first tab is highlighted). Is there a solution for this yet?
As the FAQ for AnythingSlider states, the issue is from the plugin using scrollLeft. The problem is that you cannot set a scrollLeft position when the slider is hidden; try as you might to set it, as soon as the slider comes into view, the scrollLeft position will be set to zero.
So, 1) don't hide the slider, 2) set the slide after the slider becomes visible (this requires a callback from whatever plugin or code that is hiding the slider - tab, accordion, etc), or 3) try using AnythingSlider to do the fade effect (described above)
You can use the "navigationFormatter" option to make the navigation tabs contain anything you want. Please check out the examples in the documentation (near the bottom).
Without the FX extension, this works great.
But when I add the FX extension, the thing dies.
Any help would be greatly appreciated! TIA.
There are a couple of errors in the code. One which isn't effecting the slider is this one "stLight is not defined" Line 17 "stLight.options({"
The Fx is breaking because there is a semi-colon that needs to be removed before the ".anythingSliderFx" function. Also, the comma after "animationTime : 0," needs to be removed or IE won't work.
So the code should end up looking like this:Edit: Actually, there is another option that makes the fade transition look better called "delayBeforeAnimate" which is how long the slider pauses before changing slides. Here is a demo of it. And the code after adding this option:
Very impressive support for this. Counting on this, I'm tasked with migrating from v1.2 to the new version so that I can use the FX plugin as the client wants a fade transition.
I have gone through all the posts looking for help, and I've modified the code and also understand that some changes to my XHTML are in order. However, everything that I have done has led me nowhere.
Here is my page: http://www.tienda.com/temp/home-test.html
I even checked out this page http://dl.dropbox.com/u/1510510/temp/Tofu-Blog-Theme-3.3.htm, but the initial image fades out and then nothing...
All that I want is exactly what I have here: http://www.tienda.com/temp/home-test.html (controls and everything), but utilizing the FX fade. Can you help?
P.S. I reverted all of my changes so that you can see how it actually works with the slide transition.
Thanks in advance!!
Chris
I recently removed that Tofu Blog theme example from my drop box... hmm, I don't think I have a backup of it anywhere. But I do have this example of a fade transition you could work from.
I haven't had a chance to look at the code on your site, as I have to run here in a minute. But if you are still having trouble, I'll look at it again later.
Rob
Edit: Updated the demo, since it appears that the jQuery (edge) version is causing some errors and preventing the demo from working.
Thanks for your super fast response! I checked your example in both Firefox and Safari (Mac) and neither of them work for me :( Click Start, any of the arrows and/or numbered tabs and nada!
Thanks for your help!
Still having issues with the fader. If you have a min and could take a quick peek at http://www.tienda.com/temp/home-test.html (currently using v1.2 with slides) and let me know what I need to do to make it work with FX faders I would buy you a beer!
Chris
Here's the website : new.talas.ca .. anything at this point would help ..
Thank You
Hmm, I don't think that is part of the WP plugin, so we might have to bug Jacob about it.
Edit: I just emailed him about the option, in case it isn't already part of the WP plugin.
Any way to get a fade without the slide? Here is my test page: http://www.tienda.com/temp/home-test2.html - not properly formatted yet as I'm just trying to get fades between list elements first.
Thanks
I'm guessing you want to make your slides cross-fade (fade directly from one slide to another)? Sorry, but at this time, AnythingSlider is based upon lining up all of the slides side-by-side (or top-to-bottom when vertical) and the outer container is repositioned to bring the proper slide into view.
There are other sliders out there that stack all of their images - in fact our own Jamy has PlusSlider which can do both!
I know I'm about a week late on this... but can/should I just add the stopRepeat as a default option to all slideshows with the 'Fade' option enabled?
-J
I've read your solution on github "AnythingSlider is starting from the last panel instead of the first. How do I fix it?". I'm having the same problem but with AnythingFader. The last slide is appearing first in IOS and Google Chrome (although the first tab is highlighted). Is there a solution for this yet?
Many Thanks,
John
As the FAQ for AnythingSlider states, the issue is from the plugin using scrollLeft. The problem is that you cannot set a scrollLeft position when the slider is hidden; try as you might to set it, as soon as the slider comes into view, the scrollLeft position will be set to zero.
So, 1) don't hide the slider, 2) set the slide after the slider becomes visible (this requires a callback from whatever plugin or code that is hiding the slider - tab, accordion, etc), or 3) try using AnythingSlider to do the fade effect (described above)