The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
5 posters

    How to change effect..

    roanxxx
    roanxxx
    Forumember


    Posts : 41
    Reputation : 1
    Language : English

    How to change effect.. Empty How to change effect..

    Post by roanxxx April 25th 2013, 12:38 am

    How can i change the effect of the transistions in my nivo slider?

    My Forum

    It is the one located in my homepage. And I want the transition to be in random effect.. like in this forum.. click here

    And this is the code I'm using in the homepage display...
    Code:
    <link rel="stylesheet" href="http://static.tumblr.com/hhedat8/8cbmksz3o/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://static.tumblr.com/hhedat8/NnQmksygd/bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="http://static.tumblr.com/hhedat8/J4Bmksyye/default.css" type="text/css" media="screen" />

    <center> <div id="wrapper"><div class="slider-wrapper theme-default"><div id="slider" class="nivoSlider">

    <img src="http://i77.servimg.com/u/f77/18/11/57/84/mondai11.jpg" title="#caption1" data-thumb="images/walle.jpg" alt="" data-transition="random" />
    <a href="http://aibtcofficial.forumtl.com/c3-downloads-and-contributes"><img src="http://i77.servimg.com/u/f77/18/11/57/84/k-on_k11.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
    <a href="https://www.facebook.com/Anime.is.better.than.Cartoons"><img src="http://i77.servimg.com/u/f77/18/11/57/84/hentai10.jpg" title="#caption2" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
    <img src="http://i77.servimg.com/u/f77/18/11/57/84/lead-210.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
    <a href="www.aibtcradio.caster.fm"><img src="http://i80.servimg.com/u/f80/18/11/57/84/hidan_10.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />

    </div>
    </div>
    </div>
    </center>

    <script type="text/javascript" src="http://static.tumblr.com/hhedat8/gYrmksxtn/jquery-1.9.0.min.js"></script>
    <script src="http://static.tumblr.com/hhedat8/NqOmksx73/jquery.nivo.slider.js" type="text/javascript"></script>
        <script type="text/javascript">
        jQuery(window).load(function() {
            jQuery('#slider').nivoSlider();
        });
    </script>
    sasukekun
    sasukekun
    Forumember


    Posts : 253
    Reputation : 6
    Language : English

    How to change effect.. Empty Re: How to change effect..

    Post by sasukekun April 25th 2013, 6:02 am

    hello, i want to ask
    how to add this image to a forum (right corner)

    example: like in your forum: D

    How to change effect.. SEDYmdk

    Please help me, Very Happy
    thanks bye
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17922
    Reputation : 836
    Language : English
    Location : Somewhere

    How to change effect.. Empty Re: How to change effect..

    Post by Jophy April 25th 2013, 6:42 am

    mostone wrote:hello, i want to ask
    how to add this image to a forum (right corner)

    example: like in your forum: D

    How to change effect.. SEDYmdk

    Please help me, Very Happy
    thanks bye
    Please create your own threads for your own questions, thank you.
    roanxxx
    roanxxx
    Forumember


    Posts : 41
    Reputation : 1
    Language : English

    How to change effect.. Empty Re: How to change effect..

    Post by roanxxx April 26th 2013, 2:45 pm

    BUMP.
    AA
    AA
    Forumember


    Posts : 46
    Reputation : 1
    Language : eng /fr

    How to change effect.. Empty Re: How to change effect..

    Post by AA April 27th 2013, 12:23 am

    Hello

    Delete effect parameter in HTML part of code after:
    data-transition="random"

    to data-transition=""
    *for all pictures

    and call the 'effect' option in javascript part of code (random)

    Change
    Code:
      <script type="text/javascript">
        jQuery(window).load(function() {
            jQuery('#slider').nivoSlider();
        });
    </script>
    to

    Code:
            <script type="text/javascript">
          jQuery(window).load(function() {
        jQuery('#slider').nivoSlider({
            effect:'random'
        });
    });
        </script>
    roanxxx
    roanxxx
    Forumember


    Posts : 41
    Reputation : 1
    Language : English

    How to change effect.. Empty Re: How to change effect..

    Post by roanxxx April 27th 2013, 1:35 am

    Thanks AA! I really appreciate it Smile
    Please do lock it now!
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6980
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    How to change effect.. Empty Re: How to change effect..

    Post by Sir Chivas™ April 27th 2013, 1:43 am

    Topic Solved & Locked

      Current date/time is September 24th 2024, 1:25 am