Javascript中的图像播放器 [英] Image Player in Javascript
本文介绍了Javascript中的图像播放器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在javascript中播放和停止图像。我在这里设置了2张照片。当我点击播放时,图像将会播放,当我点击停止时,它必须停止播放。以下是代码:
<!DOCTYPE html>
< html>
< head>
< title>图片播放器< / title >
< script >
< span class =code-keyword> var player;
window.onload = function()
{
player = document.getElementById(' 播放器跨度>);
}
function playimage()
{
player.play();
}
function pauseimage()
{
player.pause();
}
函数stopimage()
{
player.pause();
player.currentTime = 0 ;
}
< / script >
< / head >
< body>
< audio controls = controls id = player >
imageSorce [ 0 ] = IMAG1974-1.jpg;
imageSorce [ 1 ] = gh。 JPG跨度>;
imageSorce [ 2 ] = IMAG1971.jpg跨度>;
< / audio >
< button onclick = playimage()>播放< / 按钮 > < br />
< button onclick = pauseimage()>暂停< / 按钮 > < br />
< button onclick = stopimage()>停止< / 按钮 > < br />
< / body >
< / html >
这段代码告诉我mp3播放器在这里我设置了一个音频
< audio controls = controls id = player >
imageSorce [ 0 ] = IMAG1974-1.jpg;
imageSorce [ 1 ] = gh。 JPG跨度>;
imageSorce [ 2 ] = IMAG1971.jpg跨度>;
< / audio >
我应该 这个与图像控制在 javascript中?
解决方案
您可以尝试使用各种精美的Jquery插件来处理图像播放器/滑块。
请查看下面的链接,这些链接可能会帮助您开始发现。
https://code.google.com/p/jsmovie / [ ^ ]
https://gist.github.com/kgn/719686 [ ^ ]
http://css-tricks.com/examples/StartStopSlider/# [ ^ ]
希望这个帮助
I want to play and stop images in javascript. I set here 2 pictures. When I click on play, images will be play and when I click on stop, it must stop. Following is the code:
<!DOCTYPE html>
<html>
<head>
<title>Image Player</title>
<script>
var player;
window.onload = function()
{
player= document.getElementById('player');
}
function playimage()
{
player.play();
}
function pauseimage()
{
player.pause();
}
function stopimage()
{
player.pause();
player.currentTime=0;
}
</script>
</head>
<body>
<audio controls="controls" id="player">
imageSorce[0]="IMAG1974-1.jpg";
imageSorce[1]="gh.jpg";
imageSorce[2]="IMAG1971.jpg";
</audio>
<button onclick="playimage()">Play</button><br />
<button onclick="pauseimage()">Pause</button><br />
<button onclick="stopimage()">Stop</button><br />
</body>
</html>
this code shows me mp3 player beacuse here i set a audio
<audio controls="controls" id="player">
imageSorce[0]="IMAG1974-1.jpg";
imageSorce[1]="gh.jpg";
imageSorce[2]="IMAG1971.jpg";
</audio>
How should I do this with image control in javascript?
解决方案
You can try various wonderful Jquery plugins for image player/sliders.
Check the links below which might help you to start discovering.
https://code.google.com/p/jsmovie/[^]
https://gist.github.com/kgn/719686[^]
http://css-tricks.com/examples/StartStopSlider/#[^]
Hope this helps
这篇关于Javascript中的图像播放器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文