Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Anything Slider – similar question – page content changes depending on the active slide.

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #32415
    paaljoachim
    Member

    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.html

    I 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!

    #50073
    paaljoachim
    Member

    Thank 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?

    #49820
    paaljoachim
    Member

    There are several examples on how to use the “navigationFormatter” option.
    Wiki Usage page – basic example at the bottom: https://github.com/ProLoser/AnythingSlider/wiki/Usage

    Wiki Navigation page – detailed explanation:
    https://github.com/ProLoser/AnythingSlider/wiki/Navigation-Options

    The second slider on the demo page – check the source code.
    https://github.com/ProLoser/AnythingSlider/blob/master/index.html#L122

    The first slider on the Fx demo page (using thumbnails) – check the source code.
    https://github.com/ProLoser/AnythingSlider/blob/master/js/demo.js#L16

    #49588
    liukaiyu
    Member

    Greate AnythingSlider! Is this free to be used in my web site?
    For the sample demo (index.htm), if the video (using to include) is the final list item (i.e. delete the last 2 lists from slider1, and only 4 items left), it will not work in IE8, but it does work in others. If you use iframe to show the video, it is OK, but the current video-pause function doesn’t cover iframe.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.