Changing Styles
-
How do you change the Style? I've been pondering over the CSS file and I can't decipher what's going on. If I want, say, a Light, Rounded Corner style, would I simply remove all the CSS code relating to all other styles?
Thanks,
Daniel -
I'm trying to answer my own question, and I attempted to change the theme by altering the following line of code in the JS file:
theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
In fact, I tried all five variations, with no luck. The theme remains "dark_rounded" no matter what I choose.
Any thoughts?
Daniel -
Hi,
you have to put this in the document ready part:
E.g. :
jQuery(document).ready(function($){
$("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'dark_square'});
});
further reading http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
best regards
bee -
I know this is a JQuery event, but I'm not sure where that snippet of code goes. Is it in the header of the html document? I really apologize for not knowing too much about javascript or JQuery.
The other confusing thing is the declarations in the CSS document. I've never seen anything like these:
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
They seem to neither be classes or ID selectors. Perhaps they're peculiar to JQuery?
Daniel -
First, clear your cache. In Firefox: Firefox>Prefs>Advanced>Network>Offline Storage>Clear Now
Line 54 of jquery.prettyPhoto.js (probably in a 'scripts' folder somewhere if you didn't do a manual install)
Change
theme: 'light_rounded'
to whatever you want but maintain syntax (the other themes should be commented out next to this)
enjoy.
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!