I have not tried implementing it in Joomla. However, it does work as an iframe without any problems (as you can see from the envato Live Preview).

Thank you in advance for purchasing!

I think the problem is that the buttons have repeating ID’s (there are 2 x buttonID1 and 2 x buttonID2). Can you try by using classes?

$(".button1").click(function(e){
    gotoslide(index);
    e.preventDefault();
});
$(".button2").click(function(e){
    gotoslide(index);
    e.preventDefault();
});

If that doesn’t work, try putting the code above after the definition of the gotoslide() function.

Enjoy!

Yeah 2 ID’s may bad. I changed to classes and that worked. Thanks for your help. This is an amazing slide show thanks for your work!

You’re welcome, Jared! I’m planning an update to make it even more efficient in the near future!

Thank you for the advice. I will do that indeed.

Bootslider uses preset CSS3 animations from a file and is coded through Object Oriented Javascript.

Strapslide is using animate.js to create on the fly CSS3 animations with jquery, therefore it doesn’t have any presets and animations are created using keywords.

The sliders are based on bootstrap because it is completely bootstrap friendly. The sliders don’t generate the controls VIA jQuery, therefore you can use any bootstrap class to create your control elements and you can also change the order, unlike other sliders.

It’s better for bootstrap because it was created to be completely compatible with it. You can use containers, columns and everything related to bootstrap inside the slider, which allows relative positioning with the responsive bootstrap functionality.

Let me know if you want to know anything else. Thank you for your interest!

Hi enriquetortosa, Strapslide does not support generated thumbnails at the moment. They will be available in a future update. If thumbnails are required, you can check my newest plugin: Bootslider, which has automatically generated thumbnails.

Unfortunately IE7 support has been dropped due to the really low usage statistics. People usually have IE8 or above. As for FF and IE10, can you send me a screenshot via email? There shouldn’t be any problems there.

Hi, thanks for your reply. Your solution works on ie, ff and chrome only when I remove data-top=”10%” in the

Try setting the css manually like this:

<div class="col-md-12 text-center" style="position:absolute; top:10%;">
      <h2>The text</h2>
</div>

or alternatively use some br tags with bootstrap responsive markup

<div class="col-md-12 text-center">
      <span class="hidden-xs"><br /></span>
      <br />
      <h2>The text</h2>
</div>

It’s ok with

<br />

div class=”slide-content container”

Can you send me a live demo to understand the problem exactly and to give you a solution in a coded form?

In the strapslide.js file you will have to edit the following:

if (count >= settings.timeout / 100)

if ((count >= settings.timeout / 100) && ( $current < $slides.length - 1 ) )

I haven’t tested it, but it should do it. Let me know if you’re having troubles.

responsive: 'none'

Enjoy!

Hi!

I’ll provide an update for the Bootstrap 3 themes soon. Thank you for purchasing!

Thanks for reply.

One more thing, when I use responsive = resize, the slider only resize the background image. Is there any way to resize other elements such as text, control buttons, pagination etc as well?

Thanks

@media screen and (max-width: 767px){
    #strapslide h1{
       font-size: 16px!important;
    }
}

Yes, of course.

Bootstrap 3 removed the default container-fluid and row-fluid, but if you want that, all you need is to set your strapslide container and row to 100% width.

Thank you savalina!

Maybe in the near future I will create a WordPress Plugin. Glad you like it!

Thank you! Really happy to know you like it!

Also, thank you for the rating.

Hi Brian,

First of all, thank you very much for purchasing Strapslide!

The issue you have can be fixed really easily. The problem is related to the Youtube Player API.

Here’s a link which explains how to do any of the things you want with the embedded video: http://www.reelseo.com/youtube-aspect-ratio/

The parameters are added in your youtube video’s tag list. This happens because youtube used to have a 4:3 ratio and now it has a 16:9 ratio.

The black bars are added by youtube due to ratio difference, not by the slider plugin.

Thank you in advance for your rating, really appreciate it!

Best regards,

Alex GROZAV

<a href="#" class="next"></a>

To be replaced with:

<div class="next" />
or
<a class="next" style="cursor:pointer;"></a>

for a quick fix. Hope it helps.

Thanks…that should be the default.

You’re right. I’ll change that as soon as possible.

Hey hackspider! For the first issue, you will have to set the responsive mode to

responsive: 'none'

Can you send me a demo with the second issue so I’ll know what to suggest?

Thank you for your interest!

Hey, here’s the simplest way to achieve what you’re looking for:

• Set the responsive mode to none in the slider settings:

• responsive: 'none'

• Add the following jQuery script:

• $(window).resize(function(){
      var winheight = $(window).height();
      $('#strapslide .strapslide-container').height(winheight);
  });

• Remove padding where needed
• Remove/Override min-height of span class.

Let me know if you have any problems. Thank you for purchasing, would also appreciate a good rating. Enjoy!