slider

[Solved] I desperately need somebody to help me make my CSS slider autoplay

by

[ad_1] Since you have no markup to offer, I’ve created this: Example snippet (pure css): body { background: #eee; font-family: arial, helvetica, sans-serif; margin: 50px auto; padding: 0; } h1 { font-family: ‘Proxima Nova’, ‘Helvetica Neue’, sans-serif; font-size: 36px; text-align: center; } h3 { font-family: ‘Proxima Nova’, ‘Helvetica Neue’, sans-serif; font-size: 22px; font-style: italic; color: … Read more

[Solved] Responsive Image Slider With Caption and 100% width and Custom height [closed]

by

[ad_1] Here is an alternative slider – much easier to use. http://bxslider.com/ And here is a demo in jsfiddle that you can reference, it meets the same specs as your original with less overhead and much. I even set up your description divs. <ul class=”bxslider”> <li> <img src=”http://image-ling-goes-here.jpg” /> <div class=”slide-desc”> <h2>Slider Title 1</h2> <p>description … Read more

[Solved] Repit function and auto increment

by

[ad_1] I’m sorry, I’m having trouble understanding your question. Do you just want to constantly rotate through the images you provide? Check out the fiddle below. http://jsfiddle.net/denniswaltermartinez/f8mVj/ function slider(id) { id = id || 0; var n_image = $(‘[class^=”img_”]’).length; if (n_image < id) id -= n_image; setTimeout(function () { $(‘img:not(.img_’+ id +’)’).fadeOut(‘slow’); $(‘.img_’ + id).fadeIn(‘slow’, … Read more

[Solved] How to make a slider with that functionality (html, css, js) [closed]

by

[ad_1] a simple function to do some actions base on input value can be like this : document.getElementById(“myRange”).addEventListener(“change”, function (e) { let value = parseInt(this.value); let resultElm = document.getElementById(“result”); switch (true) { case 0 < value && value <= 20: resultElm.innerHTML = “:|”; break; case 20 < value && value <= 40: resultElm.innerHTML = “:)”; … Read more