Home › Forums › CSS › Anything Slider – similar question – page content changes depending on the active slide.
- This topic is empty.
-
AuthorPosts
-
April 19, 2011 at 6:24 am #32415paaljoachimMember
Hello everyone. (Hey Mottie…:)
(This is though a similar question to the one below but I need to pick up the thread again, hope that is alright.)
I am using Anything Slider here:
http://www.easywebdesigntutorials.com/index.htmlI have begun to embed video tutorials into the slider, and was thinking of ways of expanding.
First thing I thought of was adding a title above the slider that would change depending on the active slide.
How would I go about accomplishing this?Another thing that came to me was adding the written tutorials in a content area below the slider. Meaning when a specific slide is active with the specific tutorial, the belonging written tutorial will be below.
How would I do this?Thanks for any replies!
I think it is a great idea on how to show tutorials.
Have a great day!
April 21, 2011 at 9:04 pm #50073paaljoachimMemberThank you Mottie!
By either taking the above code or the code from the demo and putting it together it will work.
Css and javascript in the head section.
Html in the body.The one thing that is not mentioned is to remember to add:
anythingslider.css
the link to ajax.googleapis.com for the 1.5 jquery.min.js
jquery.anythingslider.js—
How would I add the title (or some other text I choose to use) into the tab links?
Instead of it saying 1-2-3-4 I want them to list the title, or a shorthand title I choose.
How would I incorporate that?Where can I get information on how to customize things like this?
April 23, 2011 at 3:26 am #49820paaljoachimMemberThere are several examples on how to use the “navigationFormatter” option.
Wiki Usage page – basic example at the bottom: https://github.com/ProLoser/AnythingSlider/wiki/UsageWiki Navigation page – detailed explanation:
https://github.com/ProLoser/AnythingSlider/wiki/Navigation-OptionsThe second slider on the demo page – check the source code.
https://github.com/ProLoser/AnythingSlider/blob/master/index.html#L122The first slider on the Fx demo page (using thumbnails) – check the source code.
https://github.com/ProLoser/AnythingSlider/blob/master/js/demo.js#L16April 23, 2011 at 10:08 pm #49588liukaiyuMemberGreate AnythingSlider! Is this free to be used in my web site?
For the sample demo (index.htm), if the video (using -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.