[Plugin: NIVO slider light] Slider keep on loading, couldn't appear any image
-
Please help me, i have installed and activated the plugin.
have typed the code in my post, but the slider just keep on loading, couldn’t appear any images.
Please help me.
-
Followed the instructions as listed here and am also facing the same problem as LeMoNsZ. Can someone please help? Appreciate any I can get.
Thanks in advance.
Hi LeMoNsZ
Finally… got it working 🙂
Look for:
function NivoHeader() { ?> <script type="text/javascript"> $(function() { $(".nivoSlider br").each(function(){ // strip BR elements created by WordPress $(this).remove(); }); $('.nivoSlider').nivoSlider({ effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown' animSpeed:500, //Slide transition speed pauseTime:3000, startSlide:0, //Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, //1,2,3... controlNavThumbs:false, //Use thumbnails for Control Nav controlNavThumbsFromRel:false, //Use image rel for thumbs controlNavThumbsSearch: '.jpg', //Replace this with... controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){} //Triggers after all slides have been shown }); }); </script>
and replace it with:
function NivoHeader() { ?> <script type="text/javascript"> $(window).load(function() { $(".nivoSlider br").each(function(){ // strip BR elements created by WordPress $(this).remove(); }); $('.nivoSlider').nivoSlider({ effect:'fade', //Specify sets like: 'random,fold,fade,sliceDown' animSpeed:500, //Slide transition speed pauseTime:3000, startSlide:0, //Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, //1,2,3... controlNavThumbs:false, //Use thumbnails for Control Nav controlNavThumbsFromRel:false, //Use image rel for thumbs controlNavThumbsSearch: '.jpg', //Replace this with... controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity beforeChange: function(){}, afterChange: function(){}, slideshowEnd: function(){} //Triggers after all slides have been shown }); }); </script>
Hope this helps yours to work too 🙂
Take care.
I’m having this same problem and the above code didn’t work. I’m only having the problem in Firefox and Safari, everything is loading properly in IE. Anyone have a fix?
Same problem here. Added the code exactly how it was listed on the installation page but none of the images show up, just a continuous loading bar forever. Doesn’t work in any browser.
same thing here, any solution ?
For the images to show up, you have to declare width and height in the html.
for example…
width=”” height=””I’ve used this plugin on several projects and I have not had any problems.
Having the same problem.
- Installed the plugin
- Added pictures to the post
- Set a category
- Put the code in the theme
- Set the with and height
- Disabled other JS scripts
Still it keeps loading, on a purple screen. In IE, Fireworks, Chrome, Opera & Safari.
Even if I download the code from dev7studios.com and upload the demo to my webserver, it is not working. (And yes I enabled Javascript)…
Dummy I am, I forgot to add:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.nivo.slider.pack.js"></script>
Working now, launching my website any minute now.
One of the most common reasons for the described problem is that the theme already has a NIVO slider. You can not use such a theme and my plugin at the same time.
If you have a problem please post your URI. I need it to help you.
By the way: The modification from leinadhok does not make sense. Do not use this line:
$(window).load(function() {
JessicaRodgers is wrong too. You do not have to use the HTML attributes width=”” height=””. But you have to set something like width:300px; height:200px; in your CSS. Look on the example code of the plugin page.
Of course it will not help to use the code from dev7studios.com because my plugin uses exactly that code!
have you solved this problem? since i get same problem in chrome and opera but works fine in ie. weird.
- The topic ‘[Plugin: NIVO slider light] Slider keep on loading, couldn't appear any image’ is closed to new replies.