JavaScript Slideshow Button Programming
$10-30 USD
Betales ved levering
I need a JavaScript expert to program my slideshow buttons "Lets Get Started", "Next Step" and "Back A Step". The buttons should allow users to navigate through the slides when clicked. The slides transition in the same manner as they currently do.
Program "Lets Get Started", "Next Step" and "Back A Step" buttons in a slideshow using JavaScript so that they can move the slides back and forth when clicked.
The slider already has a right left arrow and dot navigation that is working but I also want buttons in the slider to work for the navigation.
I would like it for only the JavaScript code below be edited to accomplish this task.
Link to site: [login to view URL]
Here is the buttons HTML:
<button class="cta1" type="button" aria-label="Previous">Back A Step</button>
<button class="cta2" type="button" aria-label="Next">Next Step</button>
Here is the JS code:
import Siema from '../components/Siema'
// Get the wrapping elements
let sliders = [login to view URL]('.cookie');
// Loop over parent elements
[login to view URL]((slider) => {
let slider_el = [login to view URL]('.cookie__slider');
let page_links = [login to view URL]('.cookie__page-link');
let prev = [login to view URL]('.cookie__prev');
let next = [login to view URL]('.cookie__next');
let slides = [login to view URL]('.cookie__item'); // all slides
// Init Siema on a var so we can access
// that scope for out navs
let slider_inst = new Siema({
selector: slider_el,
duration: 200,
easing: 'ease-out',
perPage: 1,
startIndex: 0,
draggable: true,
threshold: 20,
loop: false,
onInit: currentDot,
onChange: currentDot,
})
// Nav Elements
if (prev) {
[login to view URL]('click', function() {
// [login to view URL](this,'clicked');
[login to view URL]()
});
}
if (next) {
[login to view URL]('click', function() {
// [login to view URL](this,'clicked');
[login to view URL]()
});
}
[login to view URL]((page_link, i) => {
[login to view URL]('click', () => [login to view URL](i));
});
let dots = [login to view URL]('div'); // make a div
[login to view URL]("dots"); // add class to new div
[login to view URL](dots); // add div to module
[login to view URL](function(slide) { // for each slide
let dot = [login to view URL]('button'); // make a button
[login to view URL]("dots__item"); // add class to new button
[login to view URL]('type', 'button');
[login to view URL]('aria-label', 'dot');
[login to view URL](dot); // add buttons to div
});
let dotItems = [login to view URL]('.dots__item');
[login to view URL]((dotItem, i) => {
[login to view URL]('click', () => [login to view URL](i));
});
function currentDot() {
let dotCounts = [login to view URL]('.dots__item');
[login to view URL]((dotCount, i) => {
if (i == [login to view URL]) {
// [login to view URL](dotCount)
[login to view URL]("is-active");
} else {
[login to view URL]("is-active");
}
});
}
[login to view URL]('load', function(firstDotLoad) {
let firstDot = [login to view URL]('.dots__item');
[login to view URL]("is-active");
});
});
Prosjekt-ID: #39019517
Om prosjektet
53 frilansere byr i gjennomsnitt $23 for denne jobben
Hi, I can give you javascript code to add buttons like you have mentioned. I have 8 years of experience in website development. Please message to connect. Thanks
Hi there, I’ve carefully checked your Requirement "JavaScript Slideshow Button Programming" and I would be happy to assist you on this project. I know you have several tempting proposals here, but I guarantee you Mer
I can fix this issue...... Please give me opportunity to work with you............... ... Thank you....
By examining your code and project requirements, it's clear that I'm the best candidate for the task. With over 6 years of professional experience as a full-stack developer, I've honed skills with HTML and JavaScript t Mer
hello i have 9+ years experience i will fix your code as per your need. i can start your work right now come on chat for more discussion thanks rishi
As I read the requirements carefully, I am excited about the opportunity to collaborate on this project and leverage my Javascript skill to deliver an outstanding product. I can deliver the good result quickly. Thank Mer
Hello, I carefully reviewed your project description, and I am confident that my skills and experience make me an excellent fit for this opportunity I'm experienced with years of hands-on expertise in JavaScript, HT Mer
Hi, We went through your project description and it seems like our team is a great fit for this job. We are an expert team which have many years of experience on JavaScript, HTML Please come over chat and discuss yo Mer
Hi, We would like to grab this opportunity and will work till you get 100% satisfied with our work. We are an expert team which have many years of experience on JavaScript, HTML Lets connect in chat so that We discu Mer
Hello, I am a Software Development Engineer with full experience in programming. I can fix your issue, please feel free to talk to me.
Hhi I am experienced in this and I can start right now but i have few doubts and questions lets have a quick chat and get it started waiting for your replyyy ! r
Hello Magda, I see you need help programming custom buttons for your slideshow to navigate slides. With 6 years of web development experience, I can handle this task efficiently. To integrate the buttons, I’ll modify Mer
