Question

无论如何都要放大鼠标上的颜色样本/小属性？我想在javascript中显示所选属性的标签吗？

我的代码是：

getOptionText: function(elem, value, config){
    var text = $(elem).innerHTML;
    var configType = this.getConfigValue(config, 'type', false);
    if (!configType) {
        return text;
    }
    switch (config.type) {
        case 'custom_images':
            var image = this.getConfigValue(config, 'images/' + value, false);
            if (image) {
                text = '<img src="' + image + '" alt="' + text +'" />';
            }
            break;
        case 'product_images':
            //get the images
            var imageAttribute = this.getConfigValue(config, 'product_images', '');
            var images = this.getConfigValue(this.config.images, imageAttribute, []);
            //get first allowed product
            var attrId = $(elem).parentNode.id.replace(/[a-z]*/, '');
            var options = this.getConfigValue(this.config.attributes, attrId + '/options', false);
            var productId = this.getFirstProductId(options, value);
            if (productId && (image = this.getConfigValue(images, productId, false))) {
                text = '<img src="' + image + '" alt="' + text +'" />';
            }
            break;
        case 'colors':
            var color = this.getConfigValue(config, 'color/' + value, false);
            if (color) {
                text = '<span class="switcher-hexacode" title="' + image + '" style="background-color:' + color +'"></span>'
            }
            break;
        default:
            text = this.handleCustomOptionText(text, elem, value, config);
            break;
    }
    return text;
},

此图片中的内容。

Answer 1

您可以使用jQuery更改较小图像的css类以放大它，或显示以前隐藏的较大图像。

使用：

$(//selector of your swatch).hover(function(){ $(this).addClass(//a class that makes me big); },function(){ $(this).removeClass(//the class just added); });

这是一个用简单的方框http://jsfiddle.net/pjim/e8cjr8hz/

显示基本概念的小提琴

希望有用

javascript onmouseover缩略图

1 个答案: