Home

JS special effects

Picture special effects

jqzoom picture amplifier code

Download Now Preview

jqzoom image amplifier code, suitable for displaying product images, compatible with mainstream browsers, recommended download on PHP Chinese website!
Instructions:
1. Introducing
into the head area <link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2. Introduce js library
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3. Call jqzoom function library
<script type="text/javascript">
$(function() {
var options =
{
zoomWidth: 250, //The width of the magnifying glass
zoomHeight: 250,//The height of the magnifying glass
zoomType:'reverse'
};
$(".jqzoom").jqzoom(options);
});
</script>

Configuration parameters:
zoomType, default value: 'standard', another value is 'reverse', whether to cover the original image with a semi-transparent layer.
zoomWidth, default value: 200, the width of the enlarged window.
zoomHeight, default value: 200, the height of the magnified window.
xOffset, default value: 10, x-axis offset value of the magnification window relative to the original image, can be negative.
yOffset, default value: 0, the y-axis offset value of the magnification window relative to the original image, can be negative.
position, default value: 'right', the position of the magnified window, the value can also be: 'right', 'left', 'top', 'bottom'.
Lens, default value: true, if false, the lens will not be displayed on the original image.
imageOpacity, default value: 0.2, when the value of zoomType is 'reverse', this parameter is used to specify the transparency of the mask.
title, default value: true, displays the title in the magnification window, the value can be the title value of the a mark, if not, it is the title value of the original image.
showEffect, default value: 'show', displays the effect of enlarging the window, the value can be: 'show', 'fadein'.
hideEffect, default value: 'hide', effect when hiding the magnified window: 'hide', 'fadeout'.
fadeinSpeed, default value: 'fast', fade-in speed of the enlarged window (options: 'fast', 'slow', 'medium').
fadeoutSpeed, default value: 'slow', fadeout speed of the enlarged window (options: 'fast', 'slow', 'medium').
showPreload, default value: true, whether to display the loading prompt Loading zoom (options: ‘true’, ‘false’).
preloadText, default value: 'Loading zoom', custom loading prompt text.
preloadPosition, default value: 'center', the position of the loading prompt, the value can also be 'bycss' to specify the position through css.

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

js picture rolling door navigation menu special effects code sharing_javascript skills

16 May 2016

This article mainly introduces the special effects of js picture rolling door navigation menu. It is a very novel picture navigation menu. Interested friends can refer to it.

Picture or text special effects code that moves with the mouse_mouse effects

16 May 2016

Picture or text special effects that move with the mouse! , friends in need can refer to it.

Imitation Youku picture carousel special effects code based on jquery_jquery

16 May 2016

This article mainly introduces you to the imitation Youku picture carousel special effects code based on jquery. Interested friends can refer to it.

js implements 3D picture carousel slideshow special effects code sharing_javascript skills

16 May 2016

This article mainly introduces the special effects of js to realize 3D picture carousel slideshow one by one. The picture carousel effect is particularly suitable for product display and has a strong three-dimensional effect. Interested friends can refer to it.

picChange function code for picture switching effects_javascript skills

16 May 2016

The encapsulation function of picChange picture switching special effect can automatically generate the digital navigation button in the lower right corner according to the picture html code.

Use JavaScript to implement image special effects and transition effects

15 Jun 2023

With the continuous development of web technology, more and more special effects and transition effects are applied to web design. Among them, picture special effects and transition effects are the most common ones in web design. JavaScript is a commonly used scripting language in front-end development, and it also has certain advantages in realizing image special effects and transition effects. This article will introduce how to use JavaScript to implement image special effects and transition effects. 1. Picture special effects: mouse-over picture enlargement When the mouse hovers over the picture, the picture is made larger through JavaScript.

jquery Jingdong Mall Double 11 focus picture multi-picture advertising special effects code sharing_jquery

16 May 2016

This article mainly introduces the jquery Jingdong Mall Double 11 focus image multi-image advertising special effects. An exquisite focus image will attract the user's attention and make the user interested in browsing the website. Now the editor recommends a special one to everyone. Great focus chart, interested friends can refer to it.

Golang's method to implement picture special effects and graphics transformation

26 Aug 2023

Golang's method of implementing picture special effects and graphics transformation 1. Introduction In computer graphics, picture special effects and graphics transformation are common operations that change and enhance images. As a cross-platform, high-performance programming language, Golang provides a wealth of libraries and tools to process images and implement various special effects and transformations. This article will introduce how to implement picture special effects and graphics transformation in Golang, and give corresponding code examples. 2. Image special effects grayscale Grayscale is a special effect that converts pictures into black and white images. In Golang

What are the canvas special effects?

18 Aug 2023

Canvas special effects include particle effects, line animation, image processing, text animation, audio visualization, 3D effects, game development, etc. Detailed introduction: 1. Particle effect, by controlling the position, speed and color of particles to achieve various effects, such as fireworks, raindrops, starry sky, etc.; 2. Line animation, by drawing continuous lines on the canvas, create various effects. A dynamic line effect; 3. Picture processing, by processing pictures, you can achieve various cool effects, such as picture switching, picture special effects, etc.; 4. Text animation and other features.

See all articles