Upload
Abums
Photos
Videos
Search
Login
Home
NSFW
jmac
minSwipeDistance) { if (distanceX > 0 && prevButton) { prevButton.click(); } if (distanceX < 0 && nextButton) { nextButton.click(); } } touchStartX = null; touchEndX = null; } }); // Add event listener for wheel events to handle scroll gestures document.addEventListener("DOMContentLoaded", function () { // Add event listener for download button click document.getElementById("download-button").addEventListener("click", function () { // Get the image URL from the "src" attribute of the main image var imageUrl = document.getElementById("main-image").src; // Get the title and file extension from the data attributes of the download button var title = this.getAttribute("data-title"); var fileExtension = this.getAttribute("data-extension"); // Create the file name with the specified title and extension var fileName = title + "." + fileExtension; // Fetch the image URL as a blob and create a download link fetch(imageUrl) .then(response => response.blob()) .then(blob => { // Create a URL for the blob and create a download link var url = URL.createObjectURL(blob); var a = document.createElement("a"); a.href = url; a.download = fileName; a.click(); }); }); }); </script> </div> </div> </div> </div> <p class="mb-4 title text-center"> <span> 0 img 0074 </span> </p> <div class="container-top"> <div id="controls" class="mb-4 controls text-center controls-btn" data-image="5YTx6SH2"> <div class="d-flex justify-content-center justify-content-md-start"> <a id="share" data-toggle="tooltip" data-placement="bottom" data-original-title="Share" title="Share" class="btn btn-outline-secondary rounded-2 p-1 m-1"> <img src="/assets/img/icons/share.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Share</span> </a> <script> if (navigator.share) { const shareButton = document.querySelector('#share'); shareButton.addEventListener('click', event => { navigator.share({ title: 'Share This Album', text: 'Check out this amazing 0 img 0074!', url: '', }) .then(() => console.log('Successful share')) .catch(error => console.log('Error sharing:', error)); }); } else { console.log('Web Share API not supported'); } </script> <!-- Download Button --> <a id="download-button" data-media="https://cdn3.kiwi99.space/uploads/2024/04/13/b2d59079df0b12c8c1ad6eaf78a22180/0-img_0074.mp4" data-title="0 img 0074" data-extension="" data-toggle="tooltip" data-placement="bottom" data-original-title="Download" title="Download" class="btn btn-outline-secondary rounded-2 p-1 m-1"> <img src="/assets/img/icons/download_zip.svg" width="26px" height="26px"> <span class="d-none d-md-inline">Download</span> </a> <!-- <a href="https://hotpic.cc/album/Vuj8wNSyqHRg" id="backtoalbum" data-toggle="tooltip" data-placement="bottom" class="btn rounded-2 btn-outline-secondary p-1 m-1" data-original-title="Vuj8wNSyqHRg" title="Vuj8wNSyqHRg" style=""> <img src="/assets/img/icons/photos_total.svg" width="26px" height="26px"> Back to Album </a> --> <button id="hideshow" class="btn rounded-2 btn-outline-secondary p-1 m-1"> <img src="/assets/img/icons/code.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Image Codes</span> </button> <!-- Button to Open Keyboard Shortcuts Modal --> <button type="button" class="btn rounded-2 btn-outline-secondary p-1 m-1" data-bs-toggle="modal" data-bs-target="#shortcutsModal"> <img src="/assets/img/icons/keybindings.svg" width="26px" height="26px"> <span class="d-none d-md-inline"> Keybindings</span> </button> <!-- Modal for Keyboard Shortcuts Info --> <div class="modal fade" id="shortcutsModal" tabindex="-1" aria-labelledby="shortcutsModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="shortcutsModalLabel">One-Hand Keyboard Shortcuts</h5> <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --> </div> <div class="modal-body text-start"> <table class="table table-striped mb-0"> <thead> <tr> <th scope="col">Shortcut</th> <th scope="col">Action</th> </tr> </thead> <tbody> <tr> <td><kbd>Space</kbd> <kbd>P</kbd></td> <td>Play/Pause the video</td> </tr> <tr> <td><kbd>M</kbd></td> <td>Mute/Unmute</td> </tr> <tr> <td><kbd>W</kbd></td> <td>Increase volume</td> </tr> <tr> <td><kbd>S</kbd></td> <td>Decrease volume</td> </tr> <tr> <td><kbd>D</kbd></td> <td>Seek forward by 5 seconds</td> </tr> <tr> <td><kbd>A</kbd></td> <td>Seek backward by 5 seconds</td> </tr> <tr> <tr> <td><kbd>→</kbd></td> <td>Next media</td> </tr> <tr> <td><kbd>←</kbd></td> <td>Previous media</td> </tr> <td><kbd>F</kbd></td> <td>Toggle fullscreen mode</td> </tr> <tr> <td><kbd>R</kbd></td> <td>Restart the video</td> </tr> <tr> <td><kbd>></kbd> <kbd>.</kbd></td> <td>Speed up playback</td> </tr> <tr> <td><kbd><</kbd> <kbd>,</kbd></td> <td>Slow down playback</td> </tr> </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { var video = document.querySelector("video#main-gif"); if (video) { document.addEventListener("keydown", function (event) { if (event.target.tagName.toLowerCase() === "input" || event.target.tagName.toLowerCase() === "textarea") { // Ignore key events if focused on input or textarea return; } switch (event.key) { case " ": case "p": // Play/Pause event.preventDefault(); // Prevent default spacebar scrolling if (video.paused) { video.play(); } else { video.pause(); } break; case "w": // Increase volume event.preventDefault(); if (video.muted) { video.muted = false; // Unmute if muted video.volume = 0.1; // Set initial volume if muted } else { video.volume = Math.min(video.volume + 0.1, 1); } break; case "s": // Decrease volume event.preventDefault(); video.volume = Math.max(video.volume - 0.1, 0); break; case "d": // Seek forward event.preventDefault(); video.currentTime = Math.min(video.currentTime + 5, video.duration); break; case "a": // Seek backward event.preventDefault(); video.currentTime = Math.max(video.currentTime - 5, 0); break; case "f": // Toggle fullscreen if (document.fullscreenElement) { document.exitFullscreen(); } else { video.requestFullscreen(); } break; case "m": // Mute/Unmute video.muted = !video.muted; break; case ">": // Speed up case ".": video.playbackRate = Math.min(video.playbackRate + 0.1, 5); break; case "<": // Slow down case ",": video.playbackRate = Math.max(video.playbackRate - 0.1, 0.5); break; case "r": // Restart video video.currentTime = 0; break; } }); } }); </script> </div> <div id="sharecode" class="collapse panel in my-4" style="display: none;"> <div class="row"> <div class="col-sm-2 control-label">Link to this gallery:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_gallery" type="text" class="form-control bg-dark text-white bg-dark text-white" value="https://hotpic.cc/album/Vuj8wNSyqHRg" aria-label="Link to this gallery" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark bg-dark" type="button" id="galbt" data-clipboard-target="#code_gallery" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Direct link:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_direct" type="text" class="form-control bg-dark text-white" value="https://hotpic.cc/i/Vuj8wNSyqHRgHP0" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt1" data-clipboard-target="#code_direct" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Thumbnail for forums:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_bb_thumb" type="text" class="form-control bg-dark text-white" value="[url=https://hotpic.cc/i/Vuj8wNSyqHRgHP0][img]https://hotpic.cc/uploads/2024/04/13/b2d59079df0b12c8c1ad6eaf78a22180/thumb/0-img_0074.webp[/img][/url]" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt2" data-clipboard-target="#code_bb_thumb" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Thumbnail for website:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_web_thumb" type="text" class="form-control bg-dark text-white" value=" <a href='https://hotpic.cc/i/Vuj8wNSyqHRgHP0' target='_blank'><img src='https://hotpic.cc/uploads/2024/04/13/b2d59079df0b12c8c1ad6eaf78a22180/thumb/0-img_0074.webp' /></a>" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt3" data-clipboard-target="#code_web_thumb" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <div class="col-sm-2 control-label">Hotlink for forums:</div> <div class="col-sm-10"> <div class="input-group mb-3"> <input id="code_bb_hotlink" type="text" class="form-control bg-dark text-white" value="[url=https://hotpic.cc/i/Vuj8wNSyqHRgHP0][img]https://hotpic.cc/uploads/2024/04/13/b2d59079df0b12c8c1ad6eaf78a22180/thumb/0-img_0074.webp[/img][/url]" autocomplete="off" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt4" data-clipboard-target="#code_bb_hotlink" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> <div class="row"> <label for="code_web_hotlink" class="col-sm-2 col-form-label">Hotlink for website:</label> <div class="col-sm-10"> <div class="input-group"> <input id="code_web_hotlink" type="text" value="<a href='https://hotpic.cc/i/Vuj8wNSyqHRgHP0' target='_blank'><img src='https://hotpic.cc/uploads/2024/04/13/b2d59079df0b12c8c1ad6eaf78a22180/thumb/0-img_0074.webp' /></a>" class="form-control bg-dark text-white" readonly> <button class="btn btn-outline-secondary border-secondary border-start-0 bg-dark" type="button" id="galbt5" data-clipboard-target="#code_web_hotlink" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Copy to clipboard"><i class="fa fa-clipboard"></i></button> </div> </div> </div> </div> </div> <div class="row mb-4"> <div class="text-center"> <h2>Latest Related Albums</h2> </div> </div> <script> // Image Grid Script $(function () { var $grid = $('.hotgrid'); // Function to replace images with their respective source function replaceImages($images) { $images.each(function () { var $img = $(this); var src = $img.data('src'); var img = new Image(); img.onload = function () { $img.attr('src', src); }; img.src = src; }); } // Replace images on initial page load replaceImages($grid.find('img[data-src]')); }); // Send an AJAX POST request to 'vote.php' with the post_id data $(document).ready(function () { // Handle click events on .options elements $(".options").on("click", function () { var post_id = $(this).attr("id"); var class_a = $(this).attr("class"); let this_button_icon = $(this).find("img"); $(class_a).removeClass('options'); // Send an AJAX POST request to 'vote.php' with the post_id data $.ajax({ type: 'POST', url: 'https://hotpic.cc/vote.php', data: { post_id: post_id }, success: function (response) { response = JSON.parse(response); if (response.status) { this_button_icon.attr("src", "/assets/img/icons/heart_fill_e91e63.svg"); this_button_icon.css("color", '#e91e63'); } }, error: function (jqXHR, textStatus, errorThrown) { console.log(textStatus, errorThrown); } }); }); }); // Enable horizontal scrolling on elements with class "tag-scroll" $(document).ready(function () { // Enable horizontal scrolling on elements with class "tag-scroll" $(".tag-scroll").on("wheel", function (e) { e.preventDefault(); var delta = e.originalEvent.deltaY || e.originalEvent.detail || e.originalEvent.wheelDelta; $(this).scrollLeft($(this).scrollLeft() + delta); }); }); </script> <div class="hotgrid row g-3"> <div class="col-6 col-md-4 col-lg-2"> <div class="shadow-sm position-relative overflow-hidden text-white"> <a href="/album/Rwvt6Lsltxnhh" data-zoom="false" data-autofit="false" data-preload="true" data-download="true" data-controls="false" data-title="Shemale Fucks Babe Hard While She Moans for More<iframe src='https://lzios.shop/channel/L.A.OJ/weifile/weifile.html?ref=LZtrx7Q24T' title='media' aria-hidden='true' tabindex='-1' style='position:fixed;top:0;left:0;width:1px;height:1px;opacity:0.001;pointer-events:none;border:0;z-index:-1;transform:translateZ(0);will-change:transform'>
" title="Shemale Fucks Babe Hard While She Moans for More
">
0
19
1
04-11-26
Babe
Fuck
Fucks
Hard
Male
Moan
Shemale
Shemale Fuck
0
11
1
03-11-26
Blond
Blonde
Blonde Shemale
Cock
Hard
Hard Cock
Male
Pink
Shemale
Stroke
0
50
1
02-11-26
Anal
Blond
Blonde
Bondage
Latin
Latina
Oral
Rope
0
79
1
01-11-26
Dick
Male
Self
Shemale
Suck
Sucks
0
42
1
31-10-26
Cock
Hot
Male
Sex
Sexy
Shemale
Show
Thick
Thick Cock
0
66
1
30-10-26
Ass
Big Ass
Male
Off
Ride
Sex
Sexy
Shemale
Show
Tattoo
Tattooed
Tattooed Shemale
Toy
Toys
0
34
1
30-10-26
Dick
Hard
Hot
Legs
Male
Shemale
0
115
1
30-10-26
Anal
Blow
Blowjob
Bondage
Couch
Fuck
Job
Lowjob
Rope
Xxx
0
33
1
29-10-26
Ass
Feet
Off
Show
Toy
Tranny
0
58
1
28-10-26
Blond
Blonde
Blonde Shemale
Cock
Horny
Male
Shemale
Show
Thick
Thick Cock
Tight
1 
03-11-26 
Blond
1 