Hello,
I have prepared a quick demo with some common examples here: http://demos.gsarigiannidis.gr/slidr/
hey, thanks!
might want to add the params (and descriptions) on the description and/or your FAQ page
questions…
1) can it auto-scroll? (animate)
2) what happens to page load times if one adds a LOT of images – does it preload as necessary, or do all have to be fetched?
looking at the page source on your demo page, it looks very clean!
even the W3C likes it 🙂
Well, I thought about adding the parameters at the plugins FAQ, but they are too many so I decided to keep them in detail in the plugin’s Options Page. Now that you mention it, though, I begin to reconsider… Anyway, to have a look at the parameters without installing the plugin, you can check the last screenshot at the “screenshots” tab: https://ps.w.org/slidr/assets/screenshot-4.jpg
Regarding your questions:
1. No, at the moment there is no autoscroll and no animation effects besides a simple scrolling. My goal was to make a small and lightweight carousel that could easily get almost every type of content and display it inside posts and pages. It’s not meant to be used as a homepage slideshow with impressive transitions like Nivo or Flexslider. Personally I am not a big fan of autoscrolling so I guess I didn’t pay much attention to it. I could add it as an optional parameter, though, in the next update.
2. Well, that’s a good question. Its intended functionality is such that I didn’t expect it to take a huge number of photos so I haven’t implemented any preloading. As you can see in the demo that I just created: http://demos.gsarigiannidis.gr/slidr-gallery-with-really-lots-of-images/ when there are too many photos it will load the photos from top to bottom and when they are all loaded it will assign the container’s width, which enables the navigation. Even with the 100 photos of the example its performance seems OK, but I perhaps should add a “loading” indicator (animated gif or whatever) until all items are loaded (another issue for the next update).
As for the W3C love :D, I tried to have valid and semantically correct HTML and JS, in accordance to WordPress’ best practices.
Thanks alot for your feedback!
1. i appreciate your ethic of keeping it efficient/light, however if it doesn’t require a lot of overhead, i suspect many besides me would appreciate an auto-scroll feature – in my case i actually do want to use for a landing page, so it’s a show-stopper for me 🙂
2. may be best simply not worry about this for now and see if users complain
thanks for the reply
I don’t believe that it will require a lot of overhead – it will be an optional parameter anyway so unless the user specifically sets it, it won’t run. I’ve added it in my TODO list and will implement it with the next update (which hopefully will be out in a few days).
i didn’t mean overhead from the user point of view, i meant from your point of view as a developer
anyway, this sounds great and i’m looking forward to testing your plug!
Same here. Tested your plugin, looked good so far. I need an “auto scroll” gallery tho. Your plugin doesn’t support it. Can’t use it. Page needs to be deployed today. So I can’t wait either. 🙁
Ok, since I cba to search for another plugin, I just implemented a “quick and dirty” solution.
For anyone who is interessted:
Modify slidr.js
jQuery(document).ready(function($) {
'use strict';
$('.slidr-container').each(function() {
var autoPlayTimer = 4000, // ms to wait before trigger next<br />
// ...
function autoPlayTrigger() {
$navNext.trigger("click");
setTimeout(function() { autoPlayTrigger(); }, autoPlayTimer);
}
// ...
setTimeout(function() { autoPlayTrigger(); }, autoPlayTimer);
}); // $('.slidr-container').each();
Works.
Hello,
If you need it so urgently, you can use this version: https://dl.dropboxusercontent.com/u/38634/Transfers/slidr.zip
It adds autoscroll support, fixes a small glitch on first click on the “next” button when cycle mode is enabled and it includes a “loading” animation until all items are ready to be displayed.
To enable the autoscroll you use [slidr cycle=”auto”]. with the “speed” attribute you can control how fast it scrolls (default is 4000ms – meaning 4 seconds. For example, [slidr cycle=”auto” speed=”2000″] would autoscroll every two seconds.
I will release this version as a proper update as soon as I perform some more tests and finish the documentation.
If you find any bugs, please let me know…
UPDATE: Version 1.1 is up and you can update the plugin properly. This version contains autoscroll support, loading animation and a few fixes.
