Guest User

Untitled

a guest
Aug 10th, 2016
106
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. .blokimg {position: relative;}
  3.  
  4. .overlay{
  5. display: none;
  6. height: auto;
  7. position: absolute;
  8. width: auto;
  9. z-index: 999;
  10. }
  11. .overlay .overlay_container{
  12. display: table-cell;
  13.  
  14. vertical-align: middle;
  15. }
  16. .overlay_container img{
  17. background-color: white;
  18. padding: 5px;
  19. -webkit-border-radius: 5px;
  20. -moz-border-radius: 5px;
  21. }
  22. .overlay:target {
  23. display: table;
  24. }
  25. </style>
  26.  
  27. <div class="blokimg">
  28. <div class="overlay" id="open">
  29. <div class="overlay_container">
  30. <a href="#close">
  31. <img src="путь к изображению"/>
  32. </a>
  33. </div>
  34. </div>
  35. <a href="#open">
  36. <img style="width:ширина в px уменьшенного изображения" src="путь к изображению" />
  37. </a>
  38. </div>
RAW Paste Data