slider

问题 I think in transition effects in slideshows,just two animation methods of fade in and fade out are ready to use,others have to be implemented by css,am I right?if not,please give examples,if yes,guide me how can I implement some of them,or have anyone done it before? 回答1: The fadeIn() and fadeOut() are the easiest to use but they are just shortcuts to jquery's animate function. These use css, just like all the other animations including custom one's, you just don't have to deal with it

问题 I use JS UI Slider to make something like timeline. I want, when the year value increase with 1 - my output value to reduce with 0,662%. Some ideas? How I can do it? $(function() { $("#slider-range-min").slider({ range: "min", value: 733131, min: 0, max: 10000000, slide: function(event, ui) { $("#amount").val(ui.value * (1 - 0.66 / 100)); } }); }); <p> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;"> </p> <div id="slider-range-min"></div> 回答1: I

问题 The slider/carousel I'm trying to implent is this: http://www.paulwelsh.info/jquery-plugins/hero-carousel/ I know that I have to add HTML code for it, which I am unable to due to little experience with designing websites (started my course around a month ago). Can you help me with the HTML code I am supposed to add to get this to work? This is my HTML, CSS & Javascript. The HTML is what I THINK it should look like, which is obviously wrong. HTML <div class="what here?"> <ul class="and what

问题 I'll start off by saying I'm not a programmer, I'm a designer. I have a limited knowledge of jQuery, though with enough tinkering I can often get what I need to work. So bear with me here. I'm making a site (likely powered by Wordpress) that will have multiple sliders on a single page. I've managed to get Swipe JS to work just fine with one slider but I need some bit of a code that searches for all my slider DIVs and creates a new Swipe object for them. The bit of code I used for one slider

问题 as so many other people I am looking for a carousel for my homepage. I already had a look at the market. My favorite would be a mix of several existings ones. And, if possible, it should be based on jQuery, since I am using that already. Some good carousels are based on mootools, though. So, what do I like? noobSlide is nice. Perfect would be the a mix from 6 and 7: 6 has the larger picture with some overlay and link. 7 has the parallel positioning of the images. Problem: I have >50 not 8, so

问题 I want to add deeplinking into flexslider.. The ability to click on a specific link: <a href="#contact">whatever text..</a> id, and it will take me to the specific slider li. Is this possible? e.g. <ul> <li id="title">...</li> <li id="title2">...</li> <li id="title3">...</li> <li id="contact">...</li> </ul> -Neil 回答1: Use the JavaScript's window.location.hash . Use any of these: var hash = $(this).attr('href').split('#')[1]; var hash = $(this).attr('href').replace(/^.*?#/,''); var hash = $

问题 I am working on a slider, and below is the code: <Slider Name="testother" Margin="10,0,0,0" Width="200" IsSnapToTickEnabled="True" Value="0.5" Minimum="0" Maximum="1" TickPlacement="BottomRight" TickFrequency="0.25" LargeChange="0.25"></Slider> when the slider is on extreme left,and we want to bring the slider to extreme right, it takes 3 clicks having slider navigate at every stop of the tick. the pointer should move quickly at one click. Is there any way to solve this ? 回答1: You need

问题 I am working on a slider, and below is the code: <Slider Name="testother" Margin="10,0,0,0" Width="200" IsSnapToTickEnabled="True" Value="0.5" Minimum="0" Maximum="1" TickPlacement="BottomRight" TickFrequency="0.25" LargeChange="0.25"></Slider> when the slider is on extreme left,and we want to bring the slider to extreme right, it takes 3 clicks having slider navigate at every stop of the tick. the pointer should move quickly at one click. Is there any way to solve this ? 回答1: You need

问题 I'm using leaflet slider - https://github.com/dwilhelm89/LeafletSlider - but I can't get the desired result, even if from the plugin description it seems it can do. I have a collection of features, geometry type is polygon, where I've inserted a property "time" as requested by the plugin. I've tried bot with "time":"2014" and "time":"2014-01-01 00:00:00" with no difference. I have in total 30 features, 10 for 2012, 10 for 2013 and 10 for 2014 What I'm trying to achieve is to show all the

问题 I would like to do a rounded slider like the image below. Is jQuery able to do this? I know how a straight slider works but I would like to make a HTML5 rounded slider. Here is what I found online http://jsfiddle.net/XdvNg/1/ - but I dont know how to get the slider value one the user lets go 回答1: Here is what I came up with: jsBin demo $(function () { var $circle = $('#circle'), $handler = $('#handler'), $p = $('#test'), handlerW2 = $handler.width()/2, rad = $circle.width()/2, offs = $circle