VladyCu

header image vladilas.ro

Nov 1st, 2020
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.14 KB | None | 0 0
  1. <div class="cover-image">
  2. <img width="2500" height="1391" src="https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Foto nuntă Gura Humorului, Bucovina" loading="lazy" srcset="https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover.jpg 2500w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-300x167.jpg 300w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-2048x1140.jpg 2048w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-768x427.jpg 768w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-1536x855.jpg 1536w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-719x400.jpg 719w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-1920x1068.jpg 1920w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-1941x1080.jpg 1941w, https://vladilas.ro/wp-content/uploads/2020/03/vladilas.ro-2019-09-22-nunta-gura-humorului-foto-0264-cover-1400x779.jpg 1400w" sizes="(max-width: 2500px) 100vw, 2500px" /> </div>
  3. <script type='text/javascript'>
  4.                                         var image = jQuery(".attachment-post-thumbnail").get(-1);
  5.                                         jQuery(image).hide();
  6.                                         jQuery(image).load(function() {
  7.                                             smartcrop.crop(image, {width: parseInt(image.getAttribute("width")), height: '800'}).then(function(result){
  8.                                                 var ratio = result.topCrop.y/image.naturalHeight*100;
  9.                                                 image.style.objectPosition = "50% " + ratio + "%";
  10.                                                 console.log(ratio);
  11.                                                 jQuery(image).fadeIn();
  12.                                             });
  13.                                         });
  14.                                         jQuery('.cover-image').height(jQuery(window).height() * 0.65);
  15.                                         jQuery(image).closest('.cover-image').append(jQuery(image));
  16.                                     </script>
Add Comment
Please, Sign In to add comment