It's working at me but customer not

+1 Silard Kovac · July 7, 2015
<html>
<head>
<title> Letter </title>
<link rel="stylesheet" type="text/css" href="index.css">
<script type="text/javascript">
function evalsound(soundobj) {
  var thissound=document.getElementById(soundobj);
  thissound.play();
  }
  </script>
</head>
<body>
<div class="content"><br><br><br><br><br><br><br>
<div class="social">
<a href=""><div class="facebook">

</div></a>
<a href=""><div class="twitter">

</div></a>
<a href=""><div class="website">

</div></a>
<a href="mailto:"><div title="" class="email">

</div></a>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="songs">
<a href="javascript:;"><div class="song second" onClick="evalsound('audio2')" >

</div></a>
<a href="javascript:;"><div class="song first" onClick="evalsound('audio1')" >

</div></a>
</div>





<div class="popup">
<audio class="songnumsecond"  id="audio2" style="display:none;" src="finalcantletmyself.mp3" controls autobuffer></audio>
<audio class="songnumfirst"  id="audio1" style="display:none;" src="second.mp3" controls autobuffer></audio>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(".second").click(function(){
$(".songnumfirst").trigger('pause');
});
$(".first").click(function(){
$(".songnumsecond").trigger('pause');
});
</script>
</body>
</html>


CSS


.content{
width: 1024px;
height: 1500px;
margin:0 auto;
background-image: url("letter.jpg");
background-size: 1024px 1500px;
}
.social{
width: 100px;
height: 30px;
margin-left: 790px;
}
.facebook{
width: 25px;
height: 25px;
float: left;
}
.twitter{
width: 25px;
height: 25px;
float: left;
}
.website{
width: 25px;
height: 25px;
float: left;
}
.email{
width: 25px;
height: 25px;
float: left;
}
.song{

width: 130px;
height: 130px;
border-radius: 50%;
float: left;
}
.songs {
width: 500px;
height: 130px;
margin-left: 265px;
}


.second{
width: 35px;
height: 35px;
margin-left: 10px;
background-color: #000;
z-index: 99 !important;
}
.first{
width: 35px;
height: 35px;
margin-left: 430px;
margin-top: -30px;
background-color: #000;
z-index: 99 !important;
}
.second:hover img{
display: table;
}
.popup{
position: absolute;
top: 1300px;

right: -60px;
width: 230px;
height: auto;
}

Post a Reply

Replies

Oldest  Newest  Rating
+1 Kaveh Greenwood · July 8, 2015
I also can't test without any linked MP3s. Please specify the issue so we can assist.
+1 Abdullah Nauman · July 7, 2015
OK. So what seems to be the problem. Are you getting a white screen, or is a specific  feature not working.
  • 1

HTML / CSS / Web Design

107,320 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators