Support Forum - Topic: Instapress

Support Forum - Topic: Instapress http://www.kriesi.at/support/topic/instapress Support Forum - Topic: Instapress en-US Tue, 21 May 2013 21:19:57 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81852 Thu, 01 Nov 2012 20:06:41 +0000 Nick 81852@http://www.kriesi.at/support/ Hi, I am not really sure how important the projekktor is, since it seems only the css is getting added .. just in case its here <a href="http://www.projekktor.com/" rel="nofollow">http://www.projekktor.com/</a> I already see a line in dude's code <pre><code>wp_register_script( 'avia-fancybox', AVIA_BASE_URL.'js/fancybox/jquery.fancybox.pack.js', 'jquery', "2.0", false);</code></pre> which is same as the one you are asking about <pre><code>wp_register_script('fancybox', plugins_url('/fancybox/jquery.fancybox-1.3.4.pack.js', __FILE__), array('jquery'), "1.3.4");</code></pre> If this is a newer version, you can rename the current one thats up there 'jquery.fancybox.pack.js' then place 'jquery.fancybox-1.3.4.pack.js' in its place and rename it to 'jquery.fancybox.pack.js' to see if that makes a difference If that works good. If not, perhaps you need that projekktor, so grab it and dump it into the /js/ directory so that the missing css file is in the correct place. Then you would need to add a line to enqueue the main projector js file. I am guessing here, since i am not very familiar, but logically it makes sense. Your jQuery snippet is not written for wordpress so you would need to modify it for noconflict mode <pre><code><script>jQuery("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox();</script></code></pre> Galleries explained here -> <a href="http://stackoverflow.com/questions/9486034/how-to-create-separate-fancybox-galleries-on-the-same-page" rel="nofollow">http://stackoverflow.com/questions/9486034/how-to-create-separate-fancybox-galleries-on-the-same-page</a> Put the code above somewhere below jquery in script tags, or try to add it to one of the other js files Thanks, Nick codaqueen on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81625 Wed, 31 Oct 2012 01:39:11 +0000 codaqueen 81625@http://www.kriesi.at/support/ Dude! You the man! I've got it installed, tweaked a bit of the CSS and I'm running on the whole site. SO MUCH BETTER! I still have a few questions... 1. In the header.php, you end the replacement code with: <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/projekktor/theme/style.css" type="text/css" media="screen"/> I don't have a projekktor/theme/style.css sheet in my Eunoia JS folder. I assume it's because I'm not using the Projekktor plugin. Should I? 2. While this is working amazingly on the rest of the entire site, the Instagram Pages (<a href="http://quetzalphoto.com/ches-instagram/" rel="nofollow">http://quetzalphoto.com/ches-instagram/</a> + <a href="http://quetzalphoto.com/eliu-instagram/)" rel="nofollow">http://quetzalphoto.com/eliu-instagram/)</a> with the Instpress Plugin installed, I'm still opening in a separate tab with just the image. I assume that it's because the Instapress plugin is not actually uploading an actual image into my media library, but just referencing a url. I see in the instagram.php file a similar script wp_register_script('fancybox', plugins_url('/fancybox/jquery.fancybox-1.3.4.pack.js', __FILE__), array('jquery'), "1.3.4"); How can I change this to go to my new directory instead of this old version that comes packed into the plugin: /wp-content/themes/eunoia/ As well, are there other places I need to replace the code in this silly plugin? Or is there an easier work around similar to the Tip found on the GitHub page: Tip: Automatically group and apply fancyBox to all images: $("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox(); The instapress plugin uses a shortcode to get the content on a page: [instapress userid="" piccount="" size=""] Am I on the right track? If so, where do I put that code from the tip? Thanks again! Melissa Dude on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81553 Tue, 30 Oct 2012 14:27:07 +0000 Dude 81553@http://www.kriesi.at/support/ I use the fancybox plugin with Propulsion on my website. It's quite easy to install. 1) Download thr latest version from github ( <a href="https://github.com/fancyapps/fancyBox" rel="nofollow">https://github.com/fancyapps/fancyBox</a> ) and place the source folder into the propulsion/js folder. Then rename the "source" folder to "fancybox". 2) Replace following code in header.php: <pre><code><link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen"/></code></pre> with: <pre><code><link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/fancybox/jquery.fancybox.css" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/fancybox/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/fancybox/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen"/> <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/js/projekktor/theme/style.css" type="text/css" media="screen"/></code></pre> and: <pre><code>wp_enqueue_script( 'avia-prettyPhoto' );</code></pre> with: <pre><code>//wp_enqueue_script( 'avia-prettyPhoto' ); wp_enqueue_script( 'avia-fancybox' ); wp_enqueue_script( 'avia-fancybox-thumbs' ); wp_enqueue_script( 'avia-fancybox-buttons' ); wp_enqueue_script( 'avia-fancybox-media' );</code></pre> Then open up functions.php and replace: <pre><code>wp_register_script( 'avia-prettyPhoto', AVIA_BASE_URL.'js/prettyPhoto/js/jquery.prettyPhoto.js', 'jquery', "3.0.1", true);</code></pre> with: <pre><code>//wp_register_script( 'avia-prettyPhoto', AVIA_BASE_URL.'js/prettyPhoto/js/jquery.prettyPhoto.js', 'jquery', "3.0.1", true); wp_register_script( 'avia-fancybox', AVIA_BASE_URL.'js/fancybox/jquery.fancybox.pack.js', 'jquery', "2.0", false); wp_register_script( 'avia-fancybox-buttons', AVIA_BASE_URL.'js/fancybox/helpers/jquery.fancybox-buttons.js', 'jquery', "2.0", false); wp_register_script( 'avia-fancybox-media', AVIA_BASE_URL.'js/fancybox/helpers/jquery.fancybox-media.js', 'jquery', "2.0", false); wp_register_script( 'avia-fancybox-thumbs', AVIA_BASE_URL.'js/fancybox/helpers/jquery.fancybox-thumbs.js', 'jquery', "2.0", false);</code></pre> And last open up js/avia.js and replace: <pre><code>if($.fn.prettyPhoto) elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });</code></pre> with: <pre><code>if($.fn.fancybox) elements.fancybox({ width : ww, height: wh, openEffect : 'elastic', closeEffect : 'elastic', prevEffect : 'elastic', nextEffect : 'elastic', helpers : { thumbs : { width : 50, height : 50 }, buttons : {}, media : {} } });</code></pre> codaqueen on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81485 Tue, 30 Oct 2012 01:48:12 +0000 codaqueen 81485@http://www.kriesi.at/support/ Hi Dude. Thanks for the response. We're using Instapress, which has had it's own fair share of plugin difficulties in these last few days. It has a FancyBox (albeit version 1, not 2) popup. I'd love a recommendation for a full site plugin that works more like a full screen slideshow plugin with play/pause functionality. I'm not sold on the prettyphoto plugin so any recommendations are greatly welcomed. Thanks! -Melissa Dude on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81385 Mon, 29 Oct 2012 09:32:28 +0000 Dude 81385@http://www.kriesi.at/support/ Hey! Which Instapress plugin are you using? I only see a shortcode on <a href="http://quetzalphoto.com/ches-instagram" rel="nofollow">http://quetzalphoto.com/ches-instagram</a> ? Regards, Peter codaqueen on "Instapress" http://www.kriesi.at/support/topic/instapress#post-81251 Sat, 27 Oct 2012 03:12:54 +0000 codaqueen 81251@http://www.kriesi.at/support/ I've been trying to find a workaround for using FancyBox across my whole site, but I'm to inexperienced to figure out how. So, I'd like to use the built in PrettyPhoto. The only thing is, that on my Instapress page: <a href="http://quetzalphoto.com/ches-instagram" rel="nofollow">http://quetzalphoto.com/ches-instagram</a> I don't know how to make PrettyPhoto see all images as a full slideshow (instead of individual images) and give me the "Play" functions. Can anyone help?