171 comments found.
I want to locate css buttons & image on backgrond slide image. Let me know how to mark up. I’m working mobile page with jquery.
I’m not quite understand what you need
Why don’t you understand? I want to put in button or image on your Back Slider.
Is it working in mobile page (with CSS,Jquery) And What size pic is most suited in mobile device.
Thanks for questions! Yes, my plugin works on mobile devices. I think 800×600 would work fine for all mobile devices, but it actually doesn’t matter as image will scale to the size of device.
Hi, Before I Purchase can I ask : Can i make the image fill up the entire screen proportionately?. In the live preview its just resizes to the window width.
Thanks for question!
My plugin switches image mode from 100% horizontal stretch to 100% vertical by assigning ‘bs-landscape’ and ‘bs-portrait’ classes, depending on what is better in certain situation. This is done by comparing window and image aspect ratios.
Ahh it does resize proportionately . I did notice if I change to one of the other modes options, it just resizes to the window width only. The initial load responds great thou. I must say the transitions are the smoothest I’ve come across. Will be purchasing shortly.
Thanks for answering so quickly
Actually scrap that, they want auto play now now..! Thanks for the reply..!
Hi there – is there any way to get this to play once and stop?
Thanks!
Hi! Hm. Do you mean change the background only once?
I noticed that when using the “slide” effect transition, the slide occurs from right to left regardless of whether the user clicks forward or back. It’d be great if the slide transitions from right to left for forward, and left to right on backwards.
Many thanks for the excellent plugin.
Yes, i solve problem with this! Thanks!
Hello flGravity, thank you for this great script! I have a problem with black background when open new page! I must refresh page to view background! Can you help me about this? Thanks in advice!
Try to set preload option to false. This problem happens in IE browsers because they somehow cache the page.. Also make sure all images for backslider can be loaded by the browser.
Great product, but I need some help synchronizing backslider with another slider. I need a news type slider on the page that will cycle through images/links relative to the slide that backslider is on (or vice versa). Basically my goal was to have the background of the page change to match the slide that the news slider was on, but I have no idea how to make it so the slides line up. Any ideas?
Thanks for question! The easiest way is to use the same delay for both plugins if they works as slideshow. Another approach is to use backslider’s callback function beforeSlide() and afterSlide(). They allow one to execute certain code before next slide animation of after. Please read documentation about how to use them.
Do you know how to do this? Change to apiKey??
The photoset.gne feed that I use by default in plugin can only return 20 photos, and it completely ignores per_page argument. I think that to get all images it needs to modify plugin to use apiKey
I just checked and with apikey I can fetch as many images from flickr set as I want. Drop me email privately and I will modify plugin for you.
I sent you modified files
Hello Thanks..
would be able to do this as a customisation?
Thanks for your your quick reply!
Hello,
Do you need pagination and pause/play buttons for slideshow?
Hi…
i am thinking of buying this…is it possible to add a pause button next to the slider dots? Would that be easy to implement?
Many Thanks
Hi!
You would need to add markup and style for controls and then hook them to the backslider custom events, that have a form of jQuery trigger() call in form $('#backslider').trigger('backslider', <action_name>); With that call you can instruct backslider to do certain action.
Backslider.next() - show next slide
Backslider.prevoius() - show previous slide
Backslider.skip(index) - show slide with given ID
Backslider.pause() - stop slideshow when plugin is in "timer" mode
Backslider.resume() - start slideshow when plugin is in "timer" mode
Backslider.reset() - reset timer when plugin is in "timer" mode
You can disregard the question above – figured it out. Just had to remove the “portrait” option and all works fine.
However, for Flickr – are we limited to only 20 pics in the feed?? How can we just use the set id to pull them all??
Thanks.
It looks the problem is following. The photoset.gne feed that I use by default in plugin can only return 20 photos, and it completely ignores per_page argument. I think that to get all images it needs to modify plugin to use apiKey
Hi, installed and modified to work as a full size slideshow streaming 120 photos from flickr & the performance is very good – even without lazy loading.
The only issue I face is its either cropping photos when I used the “100%/Auto” width/height setting or is distorts when I set both to 100%. (See test site at www.br360pro.com)
Many slideshows have a “fit to height/width” so the image dimension ratios stay intact – though you may see background on a portrait. Do you know what setting I could use for this? I tried Fit and it works the same as Auto.
Backslider switches image classe to bs-portrait or bs-landscape for proper image scale. But you have no definition of .bs-portrait class in css/backslider.css
.backslider .bs-slides .bs-portrait {
width: auto;
height: 100%;
}
really.
Thanks so much. it’s beautiful.
- is it possible to make this background slider 100% width but limit the height to say 500 pixels tall?
- Is it possible to add a different slider per blog page. I will obviously be using a single entry display on my blog but all blog pages are actually nested entries within the larger blog so there is no way to add different module page parameters in the case that this slider is nested in the site header. To put that more simply… Is this blog placed in the sites header or can I place it in the html of a blog?
Thanks!
Hi,
1. yes
2. >Is this blog placed in the sites header or can I place it in the html of a blog? I’m not sure if I get your question right. Your question is about where you should place backslider init code and the markup, isn’t it?
thanks for the quick reply.
Well, I understand to call the jquery plugin in the header of the site.
But i’d like to know if the slideshow is controlled by html and if I can add that html into an individual blog entry so that I can have a different slideshow on each page. I have 20 projects so I would need to insert 20 slideshows into 20 blog entries.
I’m using the squarespace CMS and individual blog entries cannot be targeted because each page has a module page id so even if i had a hundred entries they would all share an module page id because they are all on the same blog.
I would avoid using an rss feed but i really need the use of tags and categories for the site architecture.
So I would like to know if I can insert the slideshow controls, images etc directly into an individual blog entry or does that all go in a js file or in the header.
Its ridiculous to explain. I hope that kind of sheds some light for you.
Backslider html markup has a form of UL list wrapped into div with .backslider class with images as individual items. So you can have different slideshows on every blog page.
perfect thank you!
Great, just purchased! Thanks for the answers. Just curious for performance considerations:
1- Do you have detection for mobile to use lower res flickr images to save download times?
2- Lazy loading?
No, it does not work like that. Backslider loads images and then when done it shows controls or starts slideshow. No lazy loading or mobile detection. However you can tweak plugin code to use smaller size images.
Then – last 2 questions & I can buy:
1) Stream from my Flickr “Sets” using the set id?
2) Are they touch friendly and work on mobile iphone, ipad, android?
Touch not required as long as I can have navigation arrows.
Thanks!
PS: Do you have detection for mobile to use lower res flickr images to save download times?? Lazy loading? – sets have about 100 images each.
Yes, you would need to provide set and nsid for Flickr. No, my plugin does not respond to touch events. You would have rely on controls in this case.
I just need dimensions to be 100% wide by 100% tall so its fully responsive. I realize the dimensions of the photos may show the background color around them – but that is fine.
So that will work without distorting the images?
Thanks.
yes, it will. Images would be stretched to the size of browser as in preview.
Hi,
I’m interested, but would like to know if I can use this as a full size slideshow rather than just a background.
Is it possible to disable the transparent overlay and just showcase the full size image and transition arrows?
If not, is there a line of code I can remove and just use the full screen slider?
Thanks.
Yes, you can. If you are interested I can even show you how to make my backslider plugin work as regular slider on site with fixed dimensions. Now to remove overlay pattern you just need to set
.backslider .bs-overlay {display: none;}
and this would remove it.