116 comments found

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hey

I tried using your additional code you put in the FAQ regarding adding text over the image. I cannot seem to get this to work.

I have been adding the script in the html document in script tags but still nothing is showing up.

Please let me know a better solution to the text overlaying with each image.

Thanks

Ian

flGravity

Hi!

I need to have a look. Send me your site URL using mail form on my profile page. Thanks!

Default-user

ok will do now

thanks for getting back to me so quick, looking to solve this in the next hour

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hi gravity,

could you please tell me how to import your plugin into wordpress?

thanks!

flGravity

Hi! It’s jQuery plugin, not Wordpress plugin.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hello, I have a bug when i use image center with slide effect. The first image moves to the top/left when transition effect start can you help me please ? Cordially

here is the script <script type=”text/javascript”> $(document).ready(function(){ $(’#bs0’).backslider({ photoSource: ‘none’, mode: ‘timer’, effect: ‘slide’, timerDelay: 6000, effectTime: 2000, centerImages: true }); }); </script>

flGravity

Yes, I confirm this problem and will fix it tomorrow. Thanks!

Default-user

Great !!! You’re the best ! Thanks !!! ;-)

flGravity

I made the changes to fix this bug, and if you like I can send you zip. Just send me “Hi” to get your email address. Or you can wait day or two and download next update from Codecanyon. I have few ideas how to improve image centering function.

Default-user

hi ! Thanks !

flGravity

I have uploaded update to Backslider (v.1.8.1) and it’s waiting for approval on Codecanyon

Default-user

Hello, there is no update from codecanyon, can ou send me the v.1.8.1 please , i need it for monday Thank you !

flGravity

Actually you should have download link in record where you purchased my plugin. If you can’t find it please drop me email using mail form on my profile page and I will send you the files.

Default-user

sorry, I have not received notification from code canyon it’s done! thank you!

  • Bought between 10 and 49 items
  • Has been a member for 6-7 years
indigo Purchased

Hi,

How can I center the thumbnails?

Shani.

flGravity

If some of your images are landscape while other portrait, then the only way to make thumbs perfectly centered is to modify plugin code. But if you have only portrait or landscape, then it’s possible to center thumbs with css.

Default-user
indigo Purchased

I am not sure you understood me correctly. I have only landscape photos and whatever I do I can only align the thumbnails to the right or to the left. I want the photos aligned to the center, meaning, if I have only two photos and I watch fullscreen, the thumbails are all the way to the right and are not noticed. I want to place the thumbnails at the center. If there is a css modification please tell me what to do, becasuse whatever I did did not work…

flGravity

I’m sorry. Yes it’s possiblem to center thumbs on screen and you can do this with css. So open backslider.css and make sure that following classes look exactly as below:

.backslider .bs-controls {
position: absolute;
display: none;
left: 50%;
bottom: 10px;
z-index: 100;
}

.backslider .bs-controls .bs-thumbnails {
display: block;
float: left;
position: relative;
left: -50%;
width: 40px;
height: 40px;
overflow: hidden;
margin-left: 5px;
background: #000;
}
Default-user
indigo Purchased

Excellent!! Thanks!!

  • Austria
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello, can I use your plugin to have on each subpage different sliders? I need it for each subpage extra…

flGravity

Hello! Could you clarify your question

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Will this work with JQuery 1.4.3?

flGravity

Yes, it will. I checked and it’s all working fine.

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

I have a client who’s on a slow internet connection. By the time Backslider loads, it’s already halfway through the sequence of background images. Is there a way for the animations to only commence once the images have been loaded? I have preload set to true.

flGravity

First of all I would recommend you to use images with reasonable size (width/height). Also I guess you are using timer mode. To make auto play timer start only after preload has completed, you need to do following:

in backslider init code add slidesLoaded callback

slidesLoaded: function() { $(this).trigger('backslider','resume'); }

and then below backslider init add this line

$('#bs0').trigger('backslider', 'pause');
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

hey there , if I have a div with images in it can I use the plugin and, if yes ,how? do you have a detailed manual somewhere?

thanx

flGravity

Thanks for question! Yes, backslider works on a div with images

<div id="bs0" class="backslider">
    <ul class="bs-slides">  
        <li><img src="pictures/pic1.jpg" alt="Pic" /></li>  
        <li><img src="pictures/pic2.jpg" alt="Pic" /></li>  
        <li><img src="pictures/pic3.jpg" alt="Pic" /></li>  
        <li><img src="pictures/pic4.jpg" alt="Pic" /></li>  
    </ul>
</div>

When you will purchase Backslider you will get detailed documentation how to install and use this plugin.

  • Bought between 100 and 499 items
  • Has been a member for 6-7 years

I didn’t see it listed in the “features” put is there a texture layer that you can define to go over the images?

flGravity

Yes, plugin adds div with “bs-overlay” class. Texture then can be defined in backslider.css

  • Has been a member for 0-1 years

Hi, really like your backslider and it’s exactly what i need for my website. I am ready to purchase it except that I don’t want the cross-hatching over the images. Is that something I can easily get rid of? Thank you.

flGravity

Sure. You need to open backslider.css and remove whole

 .backslider .bs-overlay  { }

block, that defines overlay pattern
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years

can this be used with skadate?

flGravity

Hello! I don’t know how skadate is design, but as long as you can insert html and custom styles and script you can use my plugin where you want. Basically you need to be able to upload files to your server and edit html page

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years
  • United States

Hello,

I like this back ground slider.

If I want to use it on WordPress theme, (Actually, I will only put a back ground slider in landing page) is it too hard to adjust the code in CSS file or jQuery file?

Actually, I am tired to find a WP back ground slider plugin for my current project.

Thanks.

Default-user
I have a plan to make background slider just like link below:
http://www.opensocietyfoundations.org
flGravity

Hello, if you know how to include css/js file in WP theme then it will be not difficult

Default-user

Thank you for the answer. I bought the plugin and I added all css and js file on WP theme. I also added all link files code on header.php but it doesn’t work now. All background color of WordPress pages are turned black but it doesn’t work.

Should I put the code below on each WP page instead of header.php? (Actually, I put the code on header.php) or is there any other way to make it work?

    <!-- Backslider -->
    <div id="bs0" class="backslider">
         <ul class="bs-slides">  
            <li><img src="<?php echo get_template_directory_uri(); ?>/pictures/pic1.jpg" alt="Pic" /></li>  
            <li><img src="<?php echo get_template_directory_uri(); ?>/pictures/pic2.jpg" alt="Pic" /></li>  
            <li><img src="<?php echo get_template_directory_uri(); ?>/pictures/pic3.jpg" alt="Pic" /></li>  
            <li><img src="<?php echo get_template_directory_uri(); ?>/pictures/pic4.jpg" alt="Pic" /></li>  
        </ul>
    </div>
    <!-- End Backslider --> 

It would be appreciated your answer.

flGravity

Actually I think header.php is good place. Make sure you have also added init code for plugin. If it still won’t work, please contact me privately and give link to your site. Thanks!

  • Bought between 1000 and 4999 items
  • Has been a member for 6-7 years
  • Japan
webosk Purchased

Hi
Please, no recourse to AUTOPLAY??? Thanks

Default-user
webosk Purchased

sorry! mode = timer :)

flGravity

Yes, exactly!

  • Has been a member for 0-1 years

Hi,

I am using WP theme Teddy, which is using your plugin for background images. I am having problems with centering the images during window resize. On the phones it is always alligned to the left: http://www.skyform.eu/blog/

I read your update about ‘centerImages’, but it isn’t working in Teddy.. Can you help me what to do, please?

Barbora

flGravity

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

Default-user

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

flGravity

OK. Great that you have solved this!

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi. We’ve implemented BackSlider on this page http://www.africanexplorations.com/ however is there a way to reset the delay of the slide if you use the pagination? You’ll notice is you try navigating through some slides change very quickly because of the timer.

flGravity

Have you modified the code of js file to enable both navigation and timer? If so there is reset() method that can reset timer. You can also call it via plugin API

Default-user

Hi thanks for the quick response. Yes it’s modified to use both the timer and pagination. How do I modify it to reset the timer when pagination is used?

flGravity

What version you of my plugin you are using?

Default-user

@author flGravity @site http://codecanyon.net/user/flGravity @created 19/07/2012 @version 1.8

flGravity

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

Default-user

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.

flGravity

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>
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

hi there, is there a hack to use ‘timer’ along with ‘thumbnails’?

flGravity

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
by
by
by
by
by
by