如何禁用 Wordpress 投资组合中图像的缩放效果?
How to disable zoom effect on images in portfolio in Wordpress?
向下滚动时,您会看到 6 张投资组合图片。
当您将鼠标悬停在它们每个上时,您将获得缩放效果。
如何在代码中关闭此缩放效果?
谢谢。
在您的 themes/raw/js
文件夹中,您有文件 common.js
。在此文件中找到行
$('.thumb, .gallery-icon').epicHoverFadeZoom({
overlayColor: udt_global_vars.thumb_rollover_color, //Hex: #xxxx
fontColor: udt_global_vars.thumb_rollover_text_color, //Hex: #xxxx
captionDirection: 'topToBottom', //String: caption slide in/out direction
opacity: udt_global_vars.thumb_rollover_opacity, //Integer: 0-1
transitionSpeed: 600, //Integer: transitions speed, in milliseconds
easing: 'swing', //String: easing method - see http://jqueryui.com/demos/effect/easing.html
padding: parseFloat(udt_global_vars.thumb_rollover_padding), //Integer: padding
mobileActive:false, //Boolean: whether to activate/deactivate for mobile
zoomFactor: parseFloat(udt_global_vars.thumb_rollover_zoom_factor), //Float: zoom factor
rolloverLogo: udt_global_vars.rollover_graphic
});
并评论它们,然后重试。
基本上缩放效果是插件jquery.epicHover-fadeZoom.js
向下滚动时,您会看到 6 张投资组合图片。 当您将鼠标悬停在它们每个上时,您将获得缩放效果。
如何在代码中关闭此缩放效果?
谢谢。
在您的 themes/raw/js
文件夹中,您有文件 common.js
。在此文件中找到行
$('.thumb, .gallery-icon').epicHoverFadeZoom({
overlayColor: udt_global_vars.thumb_rollover_color, //Hex: #xxxx
fontColor: udt_global_vars.thumb_rollover_text_color, //Hex: #xxxx
captionDirection: 'topToBottom', //String: caption slide in/out direction
opacity: udt_global_vars.thumb_rollover_opacity, //Integer: 0-1
transitionSpeed: 600, //Integer: transitions speed, in milliseconds
easing: 'swing', //String: easing method - see http://jqueryui.com/demos/effect/easing.html
padding: parseFloat(udt_global_vars.thumb_rollover_padding), //Integer: padding
mobileActive:false, //Boolean: whether to activate/deactivate for mobile
zoomFactor: parseFloat(udt_global_vars.thumb_rollover_zoom_factor), //Float: zoom factor
rolloverLogo: udt_global_vars.rollover_graphic
});
并评论它们,然后重试。
基本上缩放效果是插件jquery.epicHover-fadeZoom.js