[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 MediaboxAdv
2014×1132 image in prettyPhoto with the expand button on the top-right corner.
<a title=”HTML” href=”//www.dognmonkey.com?iframe=true&width=90%&height=100%” rel=”prettyPhoto”>HTML </a>
<p style=”text-align: center;”><strong><em><a title=”PDF display” href=”/media/teststuff/lockcoding.pdf?iframe=true&width=90%&height=100%” rel=”prettyPhoto”>PDF file</a></em></strong></p>
<p style=”text-align: center;”><strong><em><a title=”dognmonkey” href=”//www.youtube.com/watch?v=iJT9HZye1PQ?fs=1&autoplay=1″ rel=”prettyPhoto”>YouTube full url autoplay</a></strong></em></p>
<p style=”text-align: center;”><strong><em><a title=”dognmonkey” href=”//www.youtube.com/embed?listType=playlist&list=PLuRzvc_tEcZST27lPO1_WgftNO1pVUZZY?iframe=true” rel=”prettyPhoto”>YouTube playlist iframe</a></strong></em></p>
<p style=”text-align: center;”><a title=”Short Love Story” href=”//vimeo.com/1618300&fullscreen=1″ rel=”prettyPhoto”>Vimeo Url </a></p>
<p style=”text-align: center;”><em><strong><a title=”a8.flv” href=”/media/teststuff/a8.flv?&image=/media/teststuff/tn_cab04_76.JPG&backcolor=000000&skin=/jwplayer5_1/fs31.zip&bufferlength=8&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?&teaserURL=/media/teststuff/tn_cab04_75.JPG” rel=”prettyPhoto[vide]”>NonverBlaster .mov Player Test </a></em></strong></p>
<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>
<p style=”text-align: center;”><strong><em><a href=”//maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=1001+Fairgrounds+Dr,+Vallejo,+CA&sll=37.0625,-95.677068&sspn=51.443116,135.263672&ie=UTF8&hq=&hnear=1001+Fairgrounds+Dr,+Vallejo,+Solano,+California+94589&ll=38.146168,-122.226076&spn=0.023625,0.036478&z=14&iwloc=A&output=embed?iframe=true&width=100%&height=100%” rel=”prettyPhoto”>sixflag marineworld</a></em></strong></p>
14 Comments
I can’t get prettyphoto work on my blog. 🙁
I have uploaded all the files to dropbox and link it already, but it still doesn’t work 🙁 anyone can help me please
Editing in my blog’s template
=============================
]]>
=============================
Here is my code:
=============================
Click on the logo to listen!!!
Radio Online
Google.com
I want to use this plugin with objects tags, objects tags are used to play a wmv videos ,, would u please make it more clear :).. as i tried many time but it seems not support the object tag.
Show me the example of your usage?