Jquery 在每张图像上显示播放按钮和时间
我试图显示播放按钮和图像上的时间,我在一个页面上有多个图像。 我的问题是播放按钮和时间只显示在左上角,但它应该在每个图像上显示适当的时间和播放按钮。 我在这里只发布了一个代码Jquery 在每张图像上显示播放按钮和时间,jquery,css,Jquery,Css,我试图显示播放按钮和图像上的时间,我在一个页面上有多个图像。 我的问题是播放按钮和时间只显示在左上角,但它应该在每个图像上显示适当的时间和播放按钮。 我在这里只发布了一个代码 <div> Good Song </div> <div style="padding-bottom: 5px;"> <pre>A.R. Rahman is the only Indian composer to have Academy
<div>
Good Song
</div>
<div style="padding-bottom: 5px;">
<pre>A.R. Rahman is the only Indian composer to have Academy Award to his credit. He has redefined popular music in India and given it an international face. Listen to some of his best compositions with this audio jukebox.
Song Listing:
00:02 - Rangeela Re by Asha Bhosle, Aditya Narayan
05:35 - Taal Se Taal by Alka Yagnik, Udit Narayan
11:42 - O Bhavre by Asha Bhosle, Yesudas
17:50 - Telephone by Kavita Krishnamurthy, Hariharan
24:09 - Muqabala Muqabala by Swarnalatha, Mano
29:30 - Tanha Tanha Yahan Pe Jeena by Asha Bhosle
35:01 - Ni Main Samajh Gayi by Richa Sharma, Sukhwinder Singh
39:24 - Jogiya Jogiya by Alka Yagnik, Udit Narayan
45:03 - Piya Haji Ali by A.R. Rahman, Srinivas, Kadar Gulam Mustafa, Murtujha Gulam Mustafa
51:42 - Urvashi Urvashi by A.R. Rahman, Shankar, Noel
57:22 - Hai Rama by Swarnalatha, Hariharan
1:04:04- Ishq Bina Ishq Bina by Anuradha Sriram, Sujatha, A.R. Rahman, Sonu Nigam</pre>
</div>
<img src="http://smsiland.com/img/video/small/002481eyrdqx3bo4_14_l7ntvw7ih6139019_sm.jpg" class="video-image"/>
<img src="http://png-2.findicons.com/files/icons/2338/reflection/128/button_play.png" class="play-video-image" />
<span class="play-time">2:30</span>
如何解决此问题。以下是完整的代码:
.video-image {
position:relative;
}
.play-video-image {
position:absolute;
top:70px;
left:60px
}
.play-time {
position:absolute;
top:230px;
left:310px;
background-color:#e6e6e6
}
用通俗易懂的英语……你想要
播放图像
和时间
你放在小提琴里的海报??从我看到的是一张图像,某处有一个播放按钮,某处有一个文本2:30。你到底想用它们做什么?我试着在小提琴上复制它,还改变了一些事情,比如在相对于工作的位置上添加一个div。告诉我这是否是你需要的我想显示播放按钮和时间结束image@user3227094:给你=>
<div>Good Song</div>
<div style="padding-bottom: 5px;"> <pre>A.R. Rahman is the only Indian composer to have Academy Award to his credit. He has redefined popular music in India and given it an international face. Listen to some of his best compositions with this audio jukebox.
Song Listing:
00:02 - Rangeela Re by Asha Bhosle, Aditya Narayan
05:35 - Taal Se Taal by Alka Yagnik, Udit Narayan
11:42 - O Bhavre by Asha Bhosle, Yesudas
17:50 - Telephone by Kavita Krishnamurthy, Hariharan
24:09 - Muqabala Muqabala by Swarnalatha, Mano
29:30 - Tanha Tanha Yahan Pe Jeena by Asha Bhosle
35:01 - Ni Main Samajh Gayi by Richa Sharma, Sukhwinder Singh
39:24 - Jogiya Jogiya by Alka Yagnik, Udit Narayan
45:03 - Piya Haji Ali by A.R. Rahman, Srinivas, Kadar Gulam Mustafa, Murtujha Gulam Mustafa
51:42 - Urvashi Urvashi by A.R. Rahman, Shankar, Noel
57:22 - Hai Rama by Swarnalatha, Hariharan
1:04:04- Ishq Bina Ishq Bina by Anuradha Sriram, Sujatha, A.R. Rahman, Sonu Nigam</pre>
</div>
<div class="video-image">
<img src="http://smsiland.com/img/video/small/002481eyrdqx3bo4_14_l7ntvw7ih6139019_sm.jpg">
<div class="play-video-image">
<img src="http://png-2.findicons.com/files/icons/2338/reflection/128/button_play.png" class="play-video-image">
</div>
<span class="play-time">2:30</span>
</div>
.video-image {
position:relative;
}
.play-video-image {
position:absolute;
top:70px;
left:60px
}
.play-time {
position:absolute;
top:230px;
left:310px;
background-color:#e6e6e6
}