Friday, 13 April 2012

Professional Slide Show with prettyPhoto

In the process of understanding the new Wordpress theme, then we have noticed is that designers often use a jQuery plugin is prettyPhoto for their theme to showcase photos.

This is a lightbox format but there are many more functions such as displaying both video and flash. Your site will become more professional if you use this plugin. Want to know how it then you click on the image below:





 To use this plugin on blogspot, then you must first disable your default photo effects Blogger, go to Settings -> Format and then find and select the following:

 Save again, continue to edit the HTML and insert the following code above the </body>

<link href='http://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
</script>
 Then, while posted in this picture, you add the rel = "prettyPhoto" like this:

 <a href="image.jpg" rel="prettyphoto"><img src="..."/></a>
 To display the correct type of gallery rel="prettyPhoto[pp_gal]", But rather want to see the video link into image1 image that links to video, such as: http://www.youtube.com/watch?v=_EC2tmFVNNE

No comments:

Post a Comment