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.

Nivo Slider not working

3 posters

Go down

Solved Nivo Slider not working

Post by S.A.H. February 6th 2013, 5:19 am

Code:
 <div style="width:700px;margin:40px auto;">
    <div class="slider-wrapper theme-default">
      <div class="ribbon"></div>
      <div id="nivoslider-125" class="nivoSlider" style="width: 700px; height: 300px; position: relative; background-attachment: scroll; background-repeat: no-repeat; background-image: url("http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Welcome_zps79327898.jpg"); background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;">
        <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Welcome_zps79327898.jpg" alt="" style="display: none;">
        <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/Staffneeded_zpse5b4dc91.jpg" alt="" style="display: none;">
        <img src="http://i1208.photobucket.com/albums/cc365/AlexxErmxWtf/ANgel_zps091771da.jpg" alt="" style="display: none;">
        <div class="nivo-caption" style="display: none; opacity: 0.8;">
          <p></p>
        </div>
        <div class="nivo-directionNav" style="display: block;">
          <a class="nivo-prevNav">Prev</a>
          <a class="nivo-nextNav">Next</a>
        </div>
        <div class="nivo-controlNav">
          <a class="nivo-control active" rel="0">1</a>
          <a class="nivo-control" rel="1">2</a>
          <a class="nivo-control" rel="2">3</a>
        </div>
      </div>
    </div>
    <p>
      <script type="text/javascript">
    jQuery(window).load(function(){
        jQuery("#nivoslider-125").nivoSlider({
            effect:"random",
            slices:15,
            boxCols:8,
            boxRows:4,
            animSpeed:200,
            pauseTime:8000,
            startSlide:0,
            directionNav:true,
            directionNavHide:true,
            controlNav:true,
            controlNavThumbs:false,
            controlNavThumbsFromRel:true,
            keyboardNav:true,
            pauseOnHover:true,
            manualAdvance:false
        });
    });
    </script>
    </p>
  </div>

What am I doing wrong it isn't working...someone please help
avatar
S.A.H.
New Member

Posts : 4
Reputation : 1
Language : english

Back to top Go down

Solved Re: Nivo Slider not working

Post by Sanket February 6th 2013, 9:09 am

Forum URL where you added? Also which thread are you following to install this?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Nivo Slider not working

Post by S.A.H. February 7th 2013, 1:52 am

http://midnightacademy.omgforum.net/

I want to apply it to the home page like this site

http://saigenacademy.forum-motion.com/
avatar
S.A.H.
New Member

Posts : 4
Reputation : 1
Language : english

Back to top Go down

Solved Re: Nivo Slider not working

Post by Sanket February 7th 2013, 9:33 am

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Nivo Slider not working

Post by S.A.H. February 7th 2013, 10:44 am

I fixed it thanks Smile solved by the way
avatar
S.A.H.
New Member

Posts : 4
Reputation : 1
Language : english

Back to top Go down

Solved Re: Nivo Slider not working

Post by SLGray February 7th 2013, 10:47 am

Topic Solved & Locked


Nivo Slider not working Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top


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