leemark / better-simple-slideshow

Another simple DIY responsive image slideshow made with HTML5, CSS3, and JavaScript

Home Page:http://leemark.github.io/better-simple-slideshow/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

using the slideshow in a Joomla module

Gettyk opened this issue · comments

I wanted to use this great slideshow on a Joomla website and I had some troubles setting it up so for those who are in the same case here is what I have done:
● added the index.php in a Jumi module (set to the banner position)
● because the class bss-slides position is set to relative, the slideshow was floating above my website (hiding the menu, and some contents) so I added a .bss-fixslider class and used @media to make it responsive (not sure if it's the best way to do it, but at least it's working!):

.bss-fixslider{
height:220px;
}
@media (min-width: 768px) and (max-width: 979px) {
.bss-fixslider{
height:150px;
}
}
@media (min-width: 480px) and (max-width: 769px) {
.bss-fixslider{
height:100px;
}
}
@media (max-width: 480px){
.bss-fixslider{
height:55px;
}
}

That's it!

Thanks a lot for sharing this slideshow, I spent quite some time looking for a slideshow that checked all my requirement and yours is the winner ! Thanks a lot!