Aslyder pause button

Good morning!

Very good question, and the quick answer is – there is no pauce button feature. But I can see a global use for that. I am a very bad programmer before my first coffee, so I need to get some fuel in, and then I’ll get on it and release an up early today.

Thanks for the compliment and the request. Luckily you picked the one script in the plugin that’s actually written by me to need a feature added!

YOU ARE A STUNNER.

Thanks so much. It literally has EVERYTHING else I wanted from a plugin, no branding nout… just a big list of images doing the things I want them to do.

A pause button would be smashing. I owe you a coffee. x

Ok! Sorry that took so long. My new computer didn’t want to communicate with the WP repository, so I couldn’t get the new version uploaded.

Quick tutorial on how to make this work.

To create a pause/(re)start button, add a link anywhere on the page. As always, the element does not need to be inside the #aslyder container, and will work anywhere on the web page.

<a href="#" class="aslyder-pause">Pause</a>

That’s all you have to do for the default. If the ‘Pause’ link is clicked, the slideshow is halted, and the text is replaced with “Start”, waiting for a restarting click.

For styling purposes, the script uses two classes. a-pause and a-start. Use these for image replacement or other styling. If using a-pause remember to also add this class in your default markup.

<a href="#" class="aslyder-pause a-pause">Pause</a>

The script accepts two HTML5 data tags for changing the default text, if desired. These are totally optional, and for most will be unneccessary since image replacement will use used to display start/pause buttons to the user instead of text.

data-pausetext
data-starttext

Whatever you set these data types to, will be used rather than “Start” and “Pause” as is the default for the script.

<a href="#" class="aslyder-pause" data-starttext="Go!" data-pausetext="Please wait!">Please wait!</a>

Remember to set the default pause text in the HTML markup to match the pausetext data, or it will look a little weird to the user – if using text. They can be different if desired, however, and will not impact the script function.

And that’s it! Hope you find this update satisfactory for your needs! Thanks for using JAM, and my aSlyder script!

YOU. ARE. A. BABE. I king amongst men / a queen amongst femen.

This is bang awnnnnn. I’ll hit you up with a link of it in action in a few hours time, when that first first coffee of the day has run through my system. In the meantime: https://www.youtube.com/watch?v=FW_fx8HRH9A Smooth hiphawp.

One more question.

How would one add a “counting” feature… i.e. saying: this is picture 4/25. I can easily count the
<li> items with jQuery, but specifying the selected one seems a tad more tough.

Any thoughts?

Merry xmas. x

WOAH. Broke WordPress….

That is meant to say: “li” as in “list” items.

X

Fixed it – but you need to use the backticks or code buttons when posting code – using <li> tags without the <ul> tag does break the forums :).

Happy holidays amigo. x