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

Home Forums JavaScript Anything Slider updating the code.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #33840

    I have been using the Anything Slider for a while and noticed recently that a lot of changes have been made.

    The thing is that there is so much code to go through that updating the old code that I use with the new code is a mind bender for me. The old saying if it works do not fix it, well I have a few adjustments that I want to make, so an update is needed.

    I am using 12 embeded video tutorials and use the green clickable tabs beneath them. Having 12 tabs using the existing code that I have it looked like this: (I have redone the page to show the before and after version.)
    I have a general header WordPress Tutorials. Each slide also has their own unique header text. Below the slides I have content that relates to the slide.

    I was told to check out the second demo on this page:
    The demo contains left and right tab arrows to scroll through the tabs.
    I added the navigationSize : 7,
    to my old code and it worked. But the current tab is not active though.

    I am looking to refresh and correct my code. Tighten and update it.

    In the head tag area:

    bracket-style type=”text/css”-endbracket
    #slider1 h2, #slider1 .content { display: none; }
    #slider1 img.mainImage { height: 100%; width: 100%; }

    h2.title { text-align: center; }
    #panelInfo { width: 80%; min-height: 100px; margin: 20px auto; }

    .insidecontent {
    width: 100%;
    height: 100%;
    padding: 15px 10px 15px 10px;
    border:groove thin #999;

    bracket-!– Anythingslider —>
    bracket-link rel=”stylesheet” href=”../js/anythingslider/anythingslider.css” type=”text/css” media=”screen” >bracket-script>
    bracket-script type=”text/javascript” src=””>bracket-script>
    bracket-script type=”text/javascript” src=”../js/anythingslider/jquery.anythingslider.js” charset=”utf-8″>bracket-script>
    bracket-!– Optional —>
    bracket-script type=”text/javascript” src=”../js/anythingslider/jquery.easing.1.2.js”>bracket-script>
    bracket-script type=”text/javascript” src=”../js/anythingslider/swfobject.js”>bracket-script>

    bracket-script type=”text/javascript”>

    $(document).ready(function() {
    autoPlay: false, /* turns off slide show feature */
    width: 640,
    height: 510,
    enableKeyboard : false,
    navigationSize : 7, // Set this to the maximum number of visible navigation tabs; false to disable
    navigationFormatter : function(i, panel){
    return ;
    onSlideComplete: function(el){
    onInitialized: function(e,el){


    function updatePanelInfo(el){
    var panel = el.$currentPage;
    $(‘h2.title’).html( panel.find(‘h2’).html() );
    $(‘#panelInfo’).html( panel.find(‘.anythingslidercontent’).html() );


    In the body:

    bracket-!– BEGIN AnythingSlider –>
    bracket-div id=”slidermenu”>
    bracket-div class=”titleheadings”>bracket-h1 align=”center”>WordPress Tutorials bracket-/h1>bracket-/div>
    bracket-h2 class=”title”>Panel Title bracket-/h2>

      bracket-!– First slide –>
      bracket-li> bracket-h2>How to install MAMP and WordPressbracket-/h2>
      bracket-iframe title=”YouTube video player” width=”640″ height=”510″
      src=”” frameborder=”0″ allowfullscreen>bracket-/iframe>
      bracket-div class=”anythingslidercontent”>
      bracket-div class=”space”>bracket-/div>

      bracket-div class=”insidecontent”>
      bracket-h2>How to install MAMP and WordPress bracket-/h2>
      bracket-p> Check out the WordPress page for additional videosbracket-/p>
      bracket-p>  bracket-/p>


      bracket-!– END AnythingSlider #1 –>


      This is the code that I use. I am hoping for an update of the code in a simple way since I am more of a designer and not so much a programmer. When I get it, or atleast have an understanding of how it works I can create a tutorial which I will add to


      Paal Joachim


    I have uploaded Anything Slider to

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