JJ NextGEN JQuery Slider adding navigation bullets
-
I inherited a site that I’m now maintaining. I’m trying to add navigation bullets to the front page slide show. It looks like he created it with nextgen using a nivoslider. The code sits on the front page in the content area:
<style type="text/css"> .nivoSlider { margin:0 auto 0 auto; width: 676px; height:320px; overflow:hidden; } .theme-default .nivo-controlNav { left:4px; bottom:0px; margin-left: 0px; } .theme-default .nivoSlider { -webkit-box-shadow: 0px 0px 0px 0px #4a4a4a; -moz-box-shadow: 0px 0px 0px 0px #4a4a4a; box-shadow: 0px 0px 0px 0px #4a4a4a; } </style> <div style="float:left;width:676px;"> <div class="theme-default"><div id="slider" class="nivoSlider"> <a href="http://www.bobsbmw.com/new-motorcycles/current-deals-and-promotions/#free"><img src="http://www.bobsbmw.com/wp-content/gallery/index/ride-free2.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/20130605-free-oil-filter/"><img src="http://www.bobsbmw.com/wp-content/gallery/index/oil-special.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://store.bobsbmw.com/browse.aspx?q=helmets"><img src="http://www.bobsbmw.com/wp-content/gallery/index/helmets-hope.jpg" /></a> <a href="http://www.bobsbmw.com/new-motorcycles/current-deals-and-promotions/#june"><img src="http://www.bobsbmw.com/wp-content/gallery/index/summer2013-index.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/road-crew/events-and-rides/#exodus"><img src="http://www.bobsbmw.com/wp-content/gallery/index/exodus.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/new-motorcycles/current-deals-and-promotions/#3asy"><img src="http://www.bobsbmw.com/wp-content/gallery/index/sign-ride-index.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/road-crew/events-and-rides/#WD"><img src="http://www.bobsbmw.com/wp-content/gallery/index/events-june.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/new-motorcycles/current-deals-and-promotions/#moa"><img src="http://www.bobsbmw.com/wp-content/gallery/index/bmw-membership.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/road-crew/events-and-rides/#cape"><img src="http://www.bobsbmw.com/wp-content/gallery/index/south-africa2013.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/new-motorcycles/current-deals-and-promotions/#mpp"><img src="http://www.bobsbmw.com/wp-content/gallery/index/2013-bmw-gtl.jpg" alt="Bob's BMW Motorcycles" /></a> <a href="http://www.bobsbmw.com/road-crew/events-and-rides/#summit"><img src="http://www.bobsbmw.com/wp-content/gallery/index/jeremy-index-memorial.jpg" alt="Bob's BMW Motorcycles" /></a> </div></div> </div> <script type="text/javascript"> jQuery(window).load(function() { jQuery('#slider').nivoSlider({ effect: 'fade', // see list of transitions animSpeed: 500, // Slide transition speed pauseTime: 4000, // How long each slide will show controlNav: false, // 1,2,3... navigation }); }); </script>[Please post code or markup between backticks or use the code button. Or better still – use a pastebin. Your posted code may now have been permanently damaged/corrupted by the forum’s parser.]
The topic ‘JJ NextGEN JQuery Slider adding navigation bullets’ is closed to new replies.