Greasy Fork

Greasy Fork is available in English.

camelcamelcamel移动到链接时显示图像

try to take over the world!

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @resource icon1 http://tampermonkey.net/favicon.ico
// @name         camelcamelcamel移动到链接时显示图像
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  try to take over the world!
// @author       LiuLin
// @match

// @include http://*camelcamelcamel.com/*
// @include https://*camelcamelcamel.com/*
// @include https://www.amazon.*
// @include https://www.amazon.co.uk/*
// @grant        none
//@require  http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// ==/UserScript==
//映射关系
var map = new Map();
map.set("uk","uk");
map.set("de","de");
map.set("com","us");
map.set("fr","fr");
map.set("it","it");
map.set("jp","jp");
(function() {
    'use strict';
    //第一种结构
    //charts.camelcamelcamel.com/de/B07BSWN9ZT/amazon.png?force=1&zero=0&w=725&h=440&desired=false&legend=1&ilt=1&tp=all&fo=0&lang=de_DE
     $('#s-results-list-atf li a').hover(function(e){
         return handle(e,$(this));
    },function(){
        removeImage();
    });

    //第二种结构
    //https://www.amazon.de/s?k=B07B14Q1V7&ref=nb_sb_noss
    $('.s-result-list .sg-col-inner a').hover(function(e){
      return handle(e,$(this));
    },function(){
        removeImage();
    });

    function removeImage(){
        console.log('开始移除图片');
        $('.tempImgBox').remove();
    }

    function handle(e,element){
        var href = element.attr('href');
        console.log("获取到href:" + href);
        var asin = href.match(/\/dp\/([0-9A-Z]{10})/)[1];
        console.log('获取到asin:' + asin);
        var amazonKey = window.location.href.match(/amazon\.(co\.)?([a-z]{2,3})\//)[2];
        console.log('获取到amazonKey:' + amazonKey);
        var url = "https://charts.camelcamelcamel.com/"+map.get(amazonKey)+"/" + asin +"/amazon.png?force=1&zero=0&w=725&h=440&desired=false&legend=1&ilt=1&tp=3m&fo=0&lang=en";
        console.log('创建url:' + url + ',开始展示图片');
        showImage(e,url);
        return false;
    }

    //获取图片
    function showImage(e,url){
        $('.tempImgBox').remove();
        var showImgBox = $('<div></div>');
        showImgBox.addClass("tempImgBox");
        showImgBox.css({
            width:625,
            height:380,
            position:'absolute',
            top:e.pageY,
            left:e.pageX+30
        });
        $("<img src='"+url+"' width='625px' height='380px'>").appendTo(showImgBox);
        $('body').eq(0).append(showImgBox);

    }

    //骆驼
    $('#products_list .product_image>a,#products_list .product_info .product_title>a').hover(function(e){
        var asin = $(this).attr('href').match(/\/product\/([0-9A-Z]{10})/)[1];
        var url = "https://charts.camelcamelcamel.com/us/" + asin +"/amazon.png?force=1&zero=0&w=725&h=440&desired=false&legend=1&ilt=1&tp=all&fo=0&lang=en";
        $('.tempImgBox').remove();
        showImage(e,url);
        return false;
    },function(){
        $('.tempImgBox').remove();
    });
    // Your code here...
})();