问题描述
尝试让图像缩略图自动播放悬停在我的身边,我无法正常工作,因为它已经在原始图像的某些部分上出现了缩略图悬停,但这很糟糕。
图像站点(NSFW)的来源:https://www.porntrex.com/categories/teen/
<div class="video-preview-screen video-item thumb-item " data-item-id="1326457">
<a href="https://www.porntrex.com/video/1326457/dadcrush-vanessa-sky-rebellIoUs-daughter2" class="thumb rotator-screen">
<img class="cover lazyloaded" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/1.jpg?v=3" alt="DadCrush - Vanessa Sky - RebellIoUs Daughter" src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/1.jpg?v=3">
<ul class="screenshots-list">
<li class="screenshot-item active" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/1.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/2.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/3.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/4.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/5.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/6.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/7.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/8.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/9.jpg?v=3"></li>
<li class="screenshot-item" data-src="//statics.cdntrex.com/contents/videos_screenshots/1326000/1326457/300x168/10.jpg?v=3"></li>
</ul>
</a>
<span class="ico-fav-0 " title="Add to Favourites" data-fav-video-id="1326457" data-fav-type="0"></span><span class="ico-fav-1 " title="Watch Later" data-fav-video-id="1326457" data-fav-type="1"></span>
<div class="hd-text-icon text video-item-submitted"><span class="quality">1080p</span> <span class="hd-icon">HD</span></div>
<div class="viewsthumb">13 views</div>
<div class="durations"><i class="fa fa-clock-o"></i> 52:06</div>
<p class="inf"><a href="https://www.porntrex.com/video/1326457/dadcrush-vanessa-sky-rebellIoUs-daughter2" title="DadCrush - Vanessa Sky - RebellIoUs Daughter">DadCrush - Vanessa Sky - RebellIoUs Daughter</a></p>
<ul class="list-unstyled">
<li>1 hour ago</li>
<li class="pull-right"><i class="fa fa-thumbs-o-up"></i> 0%</li>
</ul>
</div>
我的坦佩猴(tampermonkey)
// @name New Userscript
// @namespace http://tampermonkey.net/
// @include https://www.porntrex.com/categories/*
// @version 0.1
// @description try to take over the world!
// @author You
// @grant none
// ==/UserScript==
$(document).ready(function(){
$('a.thumb.rotator-screen').click(function(){
loadAndplayVideo( $(this).find('img').attr('class').replace(/cover lazyloaded/,'') );
return false;
})
var timer,count = 0,cycle = function(el){
var s = el.attr('src'),root = s.substring( 0,s.lastIndexOf('/') + 1 );
count = (count+1)%4;
el.attr('src',root + ((count==0) ? 'default' : count) + '.jpg?v=3');
};
$('.video-preview-screen.video-item.thumb-item img').hover(function(){
var $this = $(this);
cycle($this);
timer = setInterval(function(){ cycle($this); },1000);
},function(){
clearInterval(timer);
});
})
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)