Hi, yes. Use this option

 startRandom: false,             // start on random slide  

First of all every <script type="text/javascript"> must have closing tag also. <link> tag however does not have closing tag.

yes, this is already corrected. The slider is now working. But the links of my menu still not working (not only the menu, but all the links in that page), all my links have <a href=""></a> code

Make sure you have correct z-index for your links. Maybe some other element is covering them and that’s why they are not clickable.

Hi! Yes, I can explain how to modify existing slide templates.

Hi! Thanks for suggestion. Yes. it can be applied to only part of document or it can be even used as standalone slider. See FAQ here – http://codecanyon.net/item/backslider-fullscreen-background-image-slider/2756199/faqs/18473

Well. I have tested backslider with browserstack and I haven’t seen that images are distorted. My preview has “centerImage” feature, so maybe this confuses you. Also I use both landscape and portrait images in my demo, which fit differently into the mobile (portrait) screens.

I’m certainly not confused about this. Maybe your “centerImage” feature is the reason, I don’t know. But the images are definitely distorted on Android 4.1+. No matter if portrait or landscape. Probably because I’m feeling slightly insulted I just spent 15min to show you the results with screen shots here: http://www.pingdesign.net/fullscreenslider/

Thanks! I have tested again and was able to see the problem with Android 4.1. That happens if device orientation and image orientation are different. Also I found explanation to this issue https://github.com/srobbin/jquery-backstretch/issues/188#issuecomment-14068446 . I will try to find workaround, but I suppose this is a bug in Chrome on android 4.1

Problem is following – “Failed to load resource: the server responded with a status of 404 (Not Found)” for css/backslider.css

Thanks, I realized I was referencing css and the folder was actually titled CSS. Great plugin! It really is the nicest full screen gallery I have found!

Thanks!

That may happen if you backslider somehow interferes with CSS3 transitions or may have any of CSS3 properties applied. In what browser you have this problem?

chrome on windows

I checked your site in chrome browser (win7) but I don’t see any glitches. It works relatively smooth

Hi! You will be limited to 20 photos if you use free Flickr feed. To show more photos please use Flickr Auth mode (“flickrAuthQuery” plugin option)

I have tried to use ‘flickrauth’ but it doesn’t work. I’m typing correctly the api_key and the photoshet_id, but i don’t see any photo.

You should use these options in plugin configuration

 photoSource: 'flickrauth',  
 photoRange: '', 
 flickrAuthQuery: {                
         api_key: '000000000000000000000000',  
         photoset_id: '1111111111111'  
 }  

If this won’t work please contact me using mail form on my profile page and give me a link to check your problem. Thanks!

Hello! I don’t see your site loads backslider JS file or there is any init code for plugin.

Thanks for comment! Every option has short comment beside it explaining what it does. And you can always ask me to explain particular option if it’s not clear

Hello! Option that you need is called “effectTime”. Check plugin documentation, section “4. Configuation”. Thanks!

Hello, not how long the transition takes. I mean the actual time an image is shown. So if it’s currently shown for 3 seconds, how can I adjust it to be visible for 5 seconds?

If you use “timer” mode, delay you can adjust with

timerDelay: 5000,               // slideshow timer delay (for "timer" mode) 

option

Thanks! Yes, its possible. You need to set photoSource option to ‘none’ and provide images directly in markup as UL list.

Hi!

Mode you can change by setting “mode” parameter in plugin init

mode: 'controls',    // mode - "controls", "timer", "scroll", "pagination", "thumbnails"  

Please refer to plugin documentation for more details. And if you have any other questions I will be happy to help!

Hi! 1) If you don’t want image preload you can set “preload” option to false. 2) Yes, it’s possible but you will have to implement this manually. In comments you can find few examples how to do this.

You can do this like so

$(document).ready(function () {
    $('#bs0').backslider({
        mode: 'timer',
        effect: 'slidefade',
        centerImages: true,
        slidesLoaded: function () {
            var bs = $(this);
            var size = 50; // thumb size
            bs.find('.bs-slides img').each(function (p) {
                var atts = this.width > this.height ? 'height="' + size + '"' : 'width="' + size + '"';
                var thumb = '<img ' + atts + ' src="' + this.src + '" alt>';
                $('<a class="bs-thumbnails" href="#">' + thumb + '</a>').
                css({
                    width: size,
                    height: size
                }).click(function () {
                    bs.trigger('backslider', ['skip', p]);
                    return false;
                }).appendTo(bs.find('.bs-controls'));
            });
        }
    });
});

thank you for your help! this is working great!

I received your email and will reply in a minute.

The primary plugin mode should be set to timer. And the thumbnails you will have to generate with external JS code and link using plugin API skip method

$('#bs0').trigger('backslider',['skip',N]);  

, where N is thumb index

ok. The problem is that “reset” does not work if backslider mode is not timer. You need to set mode to timer

I want both the timer and pagination. The ideal is to have the banners scrolling on a timed transition, as well as giving the user the ability to take control of the banners if they wish. This is quite common with a lot of sliders.

Yes, I understand that. But the problem is that my plugin can work only in one mode at a time. I recommend you instead of modifying js file set “timer” mode and then add next/prev buttons manually to the backslider div

<div class="bs-controls" style="display: block;"><a class="bs-previous" href="#bs"></a><a class="bs-next" href="#bs"></a></div>

then link controls with corresponding api methods, like so

<script type="text/javascript">
var bs = $('#bs0').data('backslider');

$('.bs-next').click(function(){
 bs.next(); return false;
});

$('.bs-previous').click(function(){
 bs.previous(); return false;
});
</script>

Thanks for contacting me! Author of Teddy WP theme uses old JS file for backslider plugin that does not have image centering feature. Please ask him to contact me and I will give him latest files of my plugins. Then he will provide you with updated files of the theme

Thanks! I asked him to contact you and he sent me the file right away. Amazing

OK. Great that you have solved this!

sorry! mode = timer

Yes, exactly!