The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change effect..

View previous topic View next topic Go down

How to change effect..

Post by roanxxx on 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>

roanxxx
Forumember

Posts : 41
Reputation : 1
Language : English

http://aibtcii.forumtl.com/

Back to top Go down

Re: How to change effect..

Post by sasukekun on 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



Please help me, Very Happy
thanks bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Re: How to change effect..

Post by Jophy on 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



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

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: How to change effect..

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

BUMP.

roanxxx
Forumember

Posts : 41
Reputation : 1
Language : English

http://aibtcii.forumtl.com/

Back to top Go down

Re: How to change effect..

Post by AA on 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>

AA
Forumember

Posts : 42
Reputation : 1
Language : eng /fr

Back to top Go down

Re: How to change effect..

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

Thanks AA! I really appreciate it Smile
Please do lock it now!

roanxxx
Forumember

Posts : 41
Reputation : 1
Language : English

http://aibtcii.forumtl.com/

Back to top Go down

Re: How to change effect..

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

Topic Solved & Locked



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum