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

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.

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!

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

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

 .backslider .bs-overlay  { }

block, that defines overlay pattern

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

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.

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');

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

Hello! Could you clarify your question

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…

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;
}

Excellent!! Thanks!!

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

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.

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

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

Hi!

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

ok will do now

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

great!

I already bought the script but I don´t understand how to do this: how to use it in a DIV insted of the whole page background, please can you give me details about this

The trick is to wrap backslider into another div. That div has padding as %, which is known to be calculated from width. Basically two classes will do the work:

.backslider-wrapper {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

then position backslider

.backslider-wrapper  .backslider {
position: absolute;
height: 100%;
width: 100%;
}

Here is what these options mean 1) preload – whether you want backslider to preload all images (true/false); 2) preloadTime – duration of fade-in animation for images when they have been loaded; 3) preloadDelay – timeone before fade-in animation will start

Ok great thanks for clarifying

I will check this as soon as possible and will reply over email.

actually – what happened was something in my code was keeping the first image from adding the class bs-portrait when loading at a portrait size orientation. not sure why – so i hacked it to change the css in @media orientation in the styles.

Thanks for contacting me. So the problem is solved?

I’ve fixed my issue, and now slider works great! Can you tell me how can i set the ‘Next’ and ‘Prev’ navigation links in graphic, not just text? I see very nice arrows < and > on the demo website.

You need to make links block elements (display: inline-block) and use background css property to set background images.

Thanks, I’ve tried, but still no luck.

Also, Im using this code to create a new next and prev control. But only the next controls works.

<!-next WORKS OK -> <script type=”text/javascript”> jQuery(function(){ jQuery(”.next”).click(function(e){ $(’#bs0’).trigger(‘backslider’,’next’); }); }); </script> <!- prev DOESNT WORK -> <script type=”text/javascript”> jQuery(function(){ jQuery(”.prevoius”).click(function(e){ $(’#bs0’).trigger(‘backslider’,’prevoius’); }); }); </script>

Thanks for your help.

There was a syntax error on your help files…

previous != prevoius

Thanks. Still waiting the timer and control mode at the same time issue.

Thanks! Regarding

> Still waiting the timer and control mode at the same time issue

tell me what problem exactly you have. Right now as I see, you should switch backslider to timer mode as primary mode and use your custom controls for navigation.

Yes it’s possible and I can do this. Just drop me email on profile page to discuss the question.