Using jquery.prettyPhoto.js within Suffusion

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

Using jquery.prettyPhoto.js within Suffusion

Postby kevile » 03 May 2012, 12:54

Can't seem to get pretty photo gallery working under suffusion, clicking the thumbnails is going straight to fullscreen images.
*links removed*

In Suffusion Settings > Backend, ive checked that the links to prettyphoto's css and js files are valid:
(Sorry for quotes, i couldnt put more than 3 links in a post)
*links removed*

Here is my "Custom Header JavaScript" from Suffusion Settings > Backend:
Code: Select all
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '']);
_gaq.push(['_trackPageview']);
(function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function($) {
   $(function() { //on DOM ready
      $("#scroller").simplyScroll({
         autoMode: 'loop',
         frameRate: 40
      });
   });
})(jQuery);

$(document).ready(function(){
   $("a[rel^='prettyPhoto']").prettyPhoto({
      theme: 'facebook',
      social_tools: false,
      overlay_gallery: false
   });
});


I've already tried removing simplyscroll to see if there was a conflict, but it didn't change. I noticed that jquery is already included in suffusion with this line...
Code: Select all
<script src="wp-includes/js/jquery/jquery.js?ver=1.6.1" type="text/javascript"></script>

...so i didnt upload/link to "/js/jquery-1.6.1.min.js" like i normally would, is there something im missing here?
Last edited by kevile on 07 May 2012, 11:46, edited 2 times in total.
kevile
 
Posts: 5
Joined: 01 Dec 2011, 15:12

Re: Using jquery.prettyPhoto.js within Suffusion

Postby kevile » 07 May 2012, 06:58

bump to get above the spambots...
kevile
 
Posts: 5
Joined: 01 Dec 2011, 15:12

Re: Using jquery.prettyPhoto.js within Suffusion

Postby sayontan » 07 May 2012, 08:21

It will probably be easiest for you to use a plugin for PrettyPhoto
Sayontan Sinha | http://mynethome.net/blog | http://www.aquoid.com/news
I don't do freelance work (for Suffusion or otherwise), so please don't contact me for quotes or offers.
sayontan
Site Admin
 
Posts: 10161
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas

Re: Using jquery.prettyPhoto.js within Suffusion

Postby kevile » 07 May 2012, 11:44

It certainly was easier. Thanks for your help sayontan.
kevile
 
Posts: 5
Joined: 01 Dec 2011, 15:12


Return to Support Requests

Who is online

Users browsing this forum: Bing [Bot] and 3 guests

cron