Home > Others

JQuery prettyPhoto Image Display Effect

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

PrettyPhoto is a jquery-based lightweight lightbox image special effect script. It not only supports images, but also supports videos, flash, YouTube, iframe, and ajax. In addition, prettyPhoto is easy to configure and use, and has good scalability. You can customize prettyPhoto as much as possible. PrettyPhoto is compatible with most mainstream browsers. Some Wordpress image extensions are based on this script.

There is a picture of the truth. Let's take a look at this special effect first!

 

I. Example of prettyPhoto usage

1. Introduce the jquery core library, prettyPhoto plug-in library, and prettyPhoto style sheet files.

<Html xmlns =" http://www.phpernote.com/jquery-effects/114.html "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = UTF-8 "/> <title> jQuery prettyPhoto image display special effect example </title> <! -- Introduce the jquery core library, prettyPhoto plug-in library, and prettyPhoto style sheet file --> <link rel = "stylesheet" href = "css/prettyPhoto.css" type = "text/css" media =" screen "charset =" UTF-8 "/> <script src =" http://www.phpernote.com/js/jquery.min.js "Type =" text/javascript "> </script> <script src =" js/jquery. prettyPhoto. js "type =" text/javascript "> </script> 

The above is just a simple example. For more complex usage methods, see the prettyPhoto source code package. This package contains a large number of examples. For your reference, see. Because the file package is large, it is not provided here. If you need to download the prettyPhoto source code package, you can download it from the QQ Group on this site. Group number: 48280945


In addition, the source project address is: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
Articles you may be interested in

 
    
 
  
  • Image zoom-in display special effects slimbox the most lightweight function the most powerful Jquery Image zoom-in special effects
    • 
 
  
  • JQuery implements several effects of gradient switching of images
    • 
 
  
  • Jquery achieves Image zoom-in and zoom-out effects
    • 
 
  
  • How to Use jquery. lazyload to dynamically delay page image loading
    • 
 
  
  • Solution to incorrect display of transparent PNG images in IE6
    • 
 
  
  • Javascript is a method for obtaining the width and height of an image.
    • 
 
  
  • Php retrieves and outputs a list Of all images in the content
    • 
 
  
  • How php generates image thumbnails
    •

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
parallax image effect get image size jquery jquery get image width jquery image size validation image slider using jquery jquery image transition effects jquery image zoom plugin

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More