PrettyPhoto 3.1.2

 

We no longer use this

[prettyphoto]

The prettyPhoto website… Please go here for more information and donate if you like it

We need to place all the files needed in the header.php of the theme we use. If we’re using many jquery then we should make no-conflict jquery for this plugin also. Notice ‘/prettyphoto’ is ‘prettyphoto’ folder in the root of the theme folder.

<!-prettyphoto–>
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo(‘template_url’); ?>/prettyphoto/css/prettyPhoto.css” />
<script src=”<?php bloginfo(‘template_url’); ?>/prettyphoto/js/jquery.prettyPhoto.js” type=”text/javascript”></script>
<script type=”text/javascript”>
var $jP=jQuery.noConflict();
$jP(document).ready(function(){
});
</script>
<script src=”<?php bloginfo(‘template_url’); ?>/prettyphoto/facebook.js” type=”text/javascript”></script>
<!-end prettyphoto–>

This is the facebook.js with jquery no conflict implemented.

$jP(document).ready(function(){

$jP(“a[rel^=’prettyPhoto’]”).prettyPhoto({theme:’facebook’,slideshow:5000, autoplay_slideshow:false});
});

To assign file types for different players, we need to create players and modify the “jquery.prettyPhoto.js”

function _getFileType(itemSrc){if(itemSrc.match(/youtube.com/watch/i)){return’youtube’;}else if(itemSrc.match(/vimeo.com/i)){return’vimeo’;}else if(itemSrc.match(/b.mp4b/i)){return’jw’;}else if(itemSrc.match(/b.wmvb/i)){return’wmp’;}else if(itemSrc.match(/b.avib/i)){return’wmp’;}else if(itemSrc.match(/b.mpgb/i)){return’wmp’;}else if(itemSrc.match(/b.m4vb/i)){return’quicktime’;}else if(itemSrc.match(/b.movb/i)){return’nonver’;}else if(itemSrc.match(/b.flvb/i)){return’jw’;}else if(itemSrc.match(/b.swfb/i)){return’jw’;}else if(itemSrc.match(/biframe=trueb/i)){return’iframe’;}else if(itemSrc.match(/bajax=trueb/i)){return’ajax’;}else if(itemSrc.match(/bcustom=trueb/i)){return’custom’;}else if(itemSrc.substr(0,1)==’#’){return’inline’;}else{return’image’;};};

Image Gallery

2014×1132 image in prettyPhoto with the expand button on the top-right corner.

HTML

<a title=”HTML” href=”https://www.dognmonkey.com?iframe=true&amp;width=90%&amp;height=80%” rel=”prettyPhoto”>HTML </a>

PDF

<p style=”text-align: center;”><strong><em><a title=”PDF display” href=”/media/teststuff/lockcoding.pdf?iframe=true&amp;width=90%&amp;height=100%” rel=”prettyPhoto”>PDF file</a></em></strong></p>

YouTube full url autoplay

<p style=”text-align: center;”><strong><em><a title=”dognmonkey” href=”https://www.youtube.com/watch?v=iJT9HZye1PQ?fs=1&amp;autoplay=1″ rel=”prettyPhoto”>YouTube full url autoplay</a></strong></em></p>

YouTube playlist iframe

<p style=”text-align: center;”><strong><em><a title=”dognmonkey” href=”https://www.youtube.com/embed?listType=playlist&list=PLuRzvc_tEcZST27lPO1_WgftNO1pVUZZY?iframe=true” rel=”prettyPhoto”>YouTube playlist iframe</a></strong></em></p>

Vimeo Url

<p style=”text-align: center;”><a title=”Short Love Story” href=”https://vimeo.com/1618300&amp;fullscreen=1″ rel=”prettyPhoto”>Vimeo Url </a></p>

JWplayer .flv Player Test

<p style=”text-align: center;”><em><strong><a title=”a8.flv” href=”/media/teststuff/a8.flv?&amp;image=/media/teststuff/tn_cab04_76.JPG&amp;backcolor=000000&amp;skin=/jwplayer5_1/fs31.zip&amp;bufferlength=8&amp;volume=50″ rel=”prettyPhoto[vide]”>JWplayer .flv Player Test </a></strong></em></p>

NonverBlaster .mov Player Test

<p style=”text-align: center;”><strong><em><a title=”ltooz560b.mov” href=”/media/teststuff/a8.mov?&amp;teaserURL=/media/teststuff/tn_cab04_75.JPG” rel=”prettyPhoto[vide]”>NonverBlaster .mov Player Test </a></em></strong></p>

Quicktime .m4v Player Test

<p style=”text-align: center;”><em><strong><a title=”tasting.m4v” href=”/media/teststuff/tasting.m4v” rel=”prettyPhoto[vide]”>Quicktime .m4v Player Test </a></strong></em></p>

WMP 560×325 avi Player Test

WMP mpg Test

WMP wmv Test

sixflag marineworld

<p style=”text-align: center;”><strong><em><a href=”https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=1001+Fairgrounds+Dr,+Vallejo,+CA&amp;sll=37.0625,-95.677068&amp;sspn=51.443116,135.263672&amp;ie=UTF8&amp;hq=&amp;hnear=1001+Fairgrounds+Dr,+Vallejo,+Solano,+California+94589&amp;ll=38.146168,-122.226076&amp;spn=0.023625,0.036478&amp;z=14&amp;iwloc=A&amp;output=embed?iframe=true&amp;width=100%&amp;height=100%” rel=”prettyPhoto”>sixflag marineworld</a></em></strong></p>

• FancyBox 2
• Fix Youtube Iframe On Top Of Overlay Modals
• Jquery Image Preview
• Fancybox 2 And Fancybox 1.3.4 In WordPress
• MooImageTip For WordPress