Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2008-09-04 17:47:46
- lister
- Member
- Registered: 2008-02-13
- Posts: 76
sliding effect between tabs/pages/Sections
http://creativepony.com/journal/scripts/sliding-tabs/
I’m looking at building a site which uses sliding pages horizontally
here’s an example site using sliding-tabs
http://www.jasonreedwebdesign.com/
how easy is this to implement in Textpattern? Are there any good examples
of Textpattern sites using this effect?
lister
Offline
Re: sliding effect between tabs/pages/Sections
This would be easy as each display portion is simply a div. If it’s articles you want to slide in and out you just surround each article in a div in your article form. You could use jquery for the effect with a plugin such as this but I’m sure there are others as well.
Jquery is included in textpattern.
Last edited by MattD (2008-09-04 18:06:29)
Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker
Offline
Re: sliding effect between tabs/pages/Sections
Indeed, I recommend Coda Slider; I used it on the Starstika site to show details of which tracks are on an album, along with a little AJAX plugin that I never got round to debugging fully. It really is just a case of:
- set up the divs and content structure (like the examples on the coda slider site) in a page template/form/article
- set up a form containing the javascript that will start the script on page load
- call that form from somewhere
jQuery does the rest; it’s magnificent.
N.B. the starstika site doesn’t quite render properly in Google Chrome right now; best in Firefox (natch)
Last edited by Bloke (2008-09-05 08:51:27)
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Txp Builders – finely-crafted code, design and Txp
Offline
#4 2008-09-05 08:45:02
- lister
- Member
- Registered: 2008-02-13
- Posts: 76
Re: sliding effect between tabs/pages/Sections
Thanks for your help guys..
Offline
#5 2008-09-06 08:42:02
- TomBus
- Member
- From: Bavaria
- Registered: 2005-07-06
- Posts: 85
Re: sliding effect between tabs/pages/Sections
I have chewing gum in the brain. Everything works on the local PC. But not online with textpattern. Is it a question of Textile? Or will the script not be found? Tom
Offline
Re: sliding effect between tabs/pages/Sections
Tom, very difficult to help you with so little infos, so two general infos:
You can check if your script is being found by using the “net” pane of firefox’s firebug extension or safari’s network-timeline. It will highlight when a script is not found.
If the output from textpattern (the source code it produces) matches what you tried out on your local PC, then textile will have nothing to do with it. If it doesn’t that will give you a pointer of where to look.
TXP Builders – finely-crafted code, design and txp
Offline
Re: sliding effect between tabs/pages/Sections
Wasn’t there another thread recently on the sliding tabs script? Can’t find it with the search…I’d need something like this right now – anyone seen a good article/tutorial apart from the sliding doors example?
Offline
#8 2008-09-06 12:51:45
- TomBus
- Member
- From: Bavaria
- Registered: 2005-07-06
- Posts: 85
Re: sliding effect between tabs/pages/Sections
It was not chewing gum but a stone. The source of the script was wrong. Mistake! Thank you for your help!
Offline