간단한 JavaScript 슬라이더가 있습니까? [닫은
https://stackoverflow.com/questions/173046
-
05-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
WMP 객체에 대한 사용자 정의 볼륨 슬라이더를 만들어야합니다. 현재 슬라이더는 수정하기가 복잡하고 사용하면 HTML 페이지에서 값을 JavaScript 함수로 전달할 수있는 슬라이더를 생성하는 간단한 방법이 있습니까?
해결책
다른 팁
헤이 난 방금 내 자신의 JS 슬라이더를 만들었습니다. 사람들의 생각을 듣고 싶습니다. 5 시간 동안 그에 있었기 때문에 정말 초기 단계입니다.
HTML 5 ~와 함께 WebForms 2 제공합니다 <input type="range"> 브라우저가 당신을 위해 기본 슬라이더를 생성하게 할 것입니다. 불행히도 모든 브라우저는 이에 대한 지원이 없습니다. Google JS를 사용하여 모든 WebForms 2 컨트롤을 구현했습니다. IIRC는 JS가 브라우저가 컨트롤을 구현했는지 알 수있을 정도로 지능적이며 기본 구현이없는 경우에만 트리거합니다.
내 관점에서 볼 때 가능한 경우 브라우저 기본 컨트롤을 사용하는 것이 모범 사례로 간주되어야합니다.
간단한 슬라이더 : 방금 테스트했습니다. 순수한 html5, 그리고 너무 간단합니다 !
<input type="range">
Chrome의 매력처럼 작동합니다. 아직 다른 브라우저를 테스트하지 않았습니다.
여기에 또 다른 빛이 있습니다 자바 스크립트 슬라이더 그것은 당신의 요구에 맞는 것 같습니다.
script.aculo.us는 a 슬라이더 제어 체크 아웃 할 가치가 있습니다.
가벼운 mootools 프레임 워크에는 하나가 있습니다. http://demos.mootools.net/slider
필라멘트 그룹의 슬라이더를 추천합니다. 매우 좋은 사용자 경험이 있습니다.
멋진 JavaScript 슬라이더가 있으며 구현하기가 매우 쉽습니다. 여기에서 zip 패키지를 다운로드 할 수 있습니다. http://ruwix.com/javaScript-volume-slider-control/
추신 여기서 위의 스크립트의 단순화 된 버전 :
Carpe Slider에는 새로운 버전도 있습니다.
v1.5 carpe_ambiprospect_sliderv2.0b ... 슬라이더/드래프트/v2.0/
다음은 사용하기 쉬운 간단한 슬라이더 객체입니다.
아래 코드는 당신을 시작하기에 충분해야합니다. 오페라, 즉 크롬에서 테스트되었습니다.
<script>
var l=0;
function f(i){
im = 'i' + l;
d=document.all[im];
d.height=99;
document.all.f1.t1.value=i;
im = 'i' + i;
d=document.all[im];
d.height=1;
l=i;
}
</script>
<center>
<form id='f1'>
<input type=text value=0 id='t1'>
</form>
<script>
for (i=0;i<=50;i++)
{
s = "<img src='j.jpg' height=99 width=9 onMouseOver='f(" + i + ")' id='i" + i + "'>";
document.write(s);
}
</script>
