Advertisement
Guest User

duvida

a guest
Jan 19th, 2019
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.53 KB | None | 0 0
  1. <style>
  2. .containerPhoto{
  3. position: relative;
  4. top:15px;
  5.  
  6.  
  7. }
  8. ul.thumb{
  9. margin-top: 10px;
  10. margin: 0 auto;
  11. padding: 0;
  12. float: left;
  13.  
  14. }
  15. ul.thumb li{
  16. list-style: none;
  17. margin: 5px;
  18. width: 100px;
  19. height: 100px;
  20. border: 1px solid rgba(0,0,0,.2);
  21. overflow: hidden;
  22. bottom:0;
  23. }
  24. ul.thumb li img{
  25. width: 100%;
  26. }
  27. .imgBox{
  28. background-color: white;
  29. float: left;
  30.  
  31. margin: 5px;
  32. width: 500px;
  33. height:500px;
  34. border: 1px solid rgba(0,0,0,.2);
  35. object-fit: cover;
  36. }
  37. .imgBox img{
  38. max-width: 100%;
  39.  
  40.  
  41.  
  42.  
  43.  
  44. }
  45.  
  46.  
  47. </style>
  48. <div class="containerPhoto">
  49. <ul class="thumb">
  50. <li><a href="painel/php/<? echo $exibe["photoescortthumb"];?>" target=""><img src="painel/php/<? echo $exibe["photoescortthumb"];?>"></a></li>
  51. <li><a href="painel/php/<? echo $exibe["photoescortone"];?>" target=""><img src="painel/php/<? echo $exibe["photoescortone"];?>"></a></li>
  52. <li><a href="painel/php/<? echo $exibe["photoescorttwo"];?>" target=""><img src="painel/php/<? echo $exibe["photoescorttwo"];?>"></a></li>
  53. <li><a href="painel/php/<? echo $exibe["photoescortthree"];?>" target=""><img src="painel/php/<? echo $exibe["photoescortthree"];?>"></a></li>
  54. <li><a href="painel/php/<? echo $exibe["photoescortfour"];?>" target=""><img src="painel/php/<? echo $exibe["photoescortfour"];?>"></a></li>
  55. </ul>
  56. <div class="imgBox"><img src="painel/php/<? echo $exibe["photoescortthumb"];?>"></div>
  57. </div>
  58. <div style="float:left; margin-top:15px; margin-left:15px;"><h2 style="color: white;"><? echo $exibe["anuncio_tit"];?></h2><h5 style="color:grey; line-height: 5px;">Indepedent Escort</h5></div>
  59. </div>
  60. <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
  61. <script type="text/javascript">
  62. $(document).ready(function(){
  63. $('.thumb a').mouseover(function(e){
  64. e.preventDefault();
  65. $('.imgBox img').attr("src", $(this).attr("href"))
  66. })
  67. })
  68.  
  69.  
  70. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement