Home > Download >  JS effects > Picture special effects

  • js smart zoom click on the picture to enlarge the preview code

    Code introduction: js smart zoom click on the image to enlarge the preview code is a code that can switch to a high-definition large image for display after clicking on the thumbnail on the page.

    Picture special effects31562017-07-05
  • jQuery responsive image seamless switching code

    Code introduction: jQuery responsive image seamless switching code is a widescreen slideshow carousel switching effect.

    Picture special effects27822017-07-04
  • jQuery color picture to black and white picture web page special effects code

    This is a cross-browser support that uses a variety of technical means to convert color pictures into black and white pictures. jQuery color picture to black and white picture web page special effects code. Introduce js files <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.gray.min.js"></script>

    Picture special effects16272017-06-28
  • jQuery image stacking left and right switching plug-in

    Code introduction: jQuery image stacking left and right switching plug-in is a plug-in that can align and stack images left and right, and switch images left and right through the front and rear navigation buttons.

    Picture special effects18342017-06-15
  • jQuery mouse drag picture shaking effect

    Material introduction: jQuery mouse dragging picture shaking effect is a mouse dragging picture animation event.

    Picture special effects19302017-05-24
  • jquery animation shuffle picture 3D special effects

    Material introduction: jquery animation shuffle picture 3D special effects free download

    Picture special effects18842017-05-09
  • jQuery picture card flip animation special effects

    Code introduction: jQuery picture card flip animation special effect is an automatic card flip switching effect download based on jQuery CSS3.

    Picture special effects52932017-04-16
  • Three-dimensional effect jquery picture carousel special effect

    Code introduction: The three-dimensional effect jquery picture carousel special effect is a jquery focus picture special effect with an index button and automatic carousel.

    Picture special effects24982017-04-16
  • Multi-image cycle scrolling js special effects download

    Code introduction: js multi-picture circular scrolling special effect is a js picture special effects code that supports multi-picture circular scrolling display. It has left and right arrow buttons, which can make the picture infinitely scroll left and right. It supports setting the picture title display and is compatible with IE6/7/8/ 9 and mainstream browsers.

    Picture special effects20612017-04-11
  • css3 image deformation effects

    Code introduction: css3 image deformation effect is an effect that when the mouse is moved over a square image, it will automatically change into a circular trimmed image.

    Picture special effects17792017-04-06
  • jQuery graphics and text layout click pop-up picture effects

    Code introduction: jQuery graphics and text layout click-to-pop-up picture special effect is a jQuery-implemented mouse-click image to pop up a large picture. Click on the pop-up large picture to switch to the next picture.

    Picture special effects22672017-03-29
  • jQuery thread rotation switching picture effects

    Code introduction: jQuery thread rotation switching picture special effect is a picture switching special effect based on jQuery CSS3.

    Picture special effects20932017-03-29
  • HTML5 3D domino picture special effects

    Code introduction: HTML5 3D domino picture special effect is a very special HTML5 3D picture special effect. When the mouse slides over the picture, the flat picture will have a 3D effect.

    Picture special effects21482017-03-29
  • MovingBoxes implements car picture display

    MovingBoxes implements car picture display, and the keyboard direction keys (← →) can also be used to switch left and right, and are compatible with mainstream browsers. Instructions: 1. Head area reference files lrtk.css, jquery.js, jquery.movingboxes.js 2. Head area reference plug-in setting code 3. Add <!-- code start --><!-- code end -->region code to your file

    Picture special effects17272017-03-11
  • Imitation of Baidu picture enlargement effect

    Imitate Baidu image magnification effect (jQuery), move the mouse over the image to automatically enlarge it, compatible with mainstream browsers. Instructions: 1. The head area refers to the style sheet file lrtk.css 2. The head area refers to jquery.js and js code 3. Add <!-- code start --><!-- code end -->region code to your file

    Picture special effects20222017-03-11
  • Tmall mall picture darkening effect

    Tmall Mall image darkening effect (jQuery), after moving the mouse over the image, other images will darken to highlight the current main image, compatible with mainstream browsers. Instructions: 1. The head area refers to the style sheet file lrtk.css 2. The head area refers to jquery.js and js code 3. Add <!-- code start --><!-- code end -->region code to your file

    Picture special effects18492017-03-11
  • Product image partial enlargement effect js special effects code

    JS product image partial enlargement effect. Move the mouse over the product image to partially enlarge it. Click the image to browse the full product image. Move the mouse to the arrow on the left to scroll the thumbnail up and down. It is compatible with mainstream browsers. Instructions: 1. Head area reference files mzp-packed.js, lrtk.css, magiczoomplus.css 2. Add <!-- code start --><!-- code end -->region code to your file 3. lrtk.js should be loaded behind the code 4. If you need to modify the size of the enlarged image display, please modify the corresponding width and height of .MagicZoomBigImageCont img in the magiczoomplus.css style sheet.

    Picture special effects19742017-03-11
  • JS super cool picture flipping display effect

    JS super cool image flipping display effect, control the way in and out of images according to the direction of the mouse in and out of the image, the effect is stunning, and it is compatible with mainstream browsers. Instructions: 1. Head area reference files lrtk.css, animation.css 2. Add !-- code start --!-- code end --region code to the file 3. The js code needs to be loaded into public.js and main.js after the html code. 4. If you need to modify the image size, just modify it directly in line 10 of lrtk.css without affecting the effect

    Picture special effects18562017-03-11
  • jQuery product image zoom effect code

    jQuery product image zoom effect code, click on the thumbnail to enlarge the original image, you can drag the mouse to enlarge the image, compatible with mainstream browsers. Instructions: 1. Head area reference files jquery.js, lrtk.css 2. Add <!-- code start --><!-- code end -->region code to the file 3. Copy the pictures in the images folder to the corresponding path 4. Introduce imagezoom.js, product_img.js 5. Modify the width attribute of .product_main to adjust the maximum width of the enlarged frame

    Picture special effects17172017-03-11
  • 8 jQuery image mouseover effects

    8 jQuery image mouseover effects, supporting multiple hover effects (mask, image flyout, etc.), compatible with mainstream browsers. Instructions: 1. Head area reference files jquery.min.js, lrtk.css, mosaic.css 2. Add <!-- code start --><!-- code end -->region code to the file 3. Copy the pictures in the images folder to the corresponding path

    Picture special effects13382017-03-11