Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在每张图像上显示播放按钮和时间_Jquery_Css - Fatal编程技术网

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
}