THE MOLITOR FORUMS » Topic: Smooth out Pretty photo transition http://www.themolitor.com/forums/topic/smooth-out-pretty-photo-transition THE MOLITOR FORUMS » Topic: Smooth out Pretty photo transition en-US Sat, 09 May 2026 09:33:19 +0000 http://bbpress.org/?v=1.1 <![CDATA[Search]]> q http://www.themolitor.com/forums/search.php THE MOLITOR on "Smooth out Pretty photo transition" http://www.themolitor.com/forums/topic/smooth-out-pretty-photo-transition#post-28811 Tue, 22 Apr 2014 11:52:38 +0000 THE MOLITOR 28811@http://www.themolitor.com/forums/

Hi there,

To add the ability to control the animation spped, open js/custom.js and change the following on lines 209-222 from this...

////////////////
//PRETTYPHOTO
////////////////
jQuery("body.single .entry a[href$='jpg'],body.single .entry a[href$='png'],body.single .entry a[href$='gif'],body.page .entry a[href$='jpg'],body.page .entry a[href$='png'],body.page .entry a[href$='gif']").attr({rel: "prettyPhoto[gallery]"});
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
	overlay_gallery: false,
	social_tools: '',
	deeplinking: false,
	default_width: 500,
	horizontal_padding: 0,
	opacity:".5",
	keyboard_shortcuts: false,
	show_title: false
});

...to this...

////////////////
//PRETTYPHOTO
////////////////
jQuery("body.single .entry a[href$='jpg'],body.single .entry a[href$='png'],body.single .entry a[href$='gif'],body.page .entry a[href$='jpg'],body.page .entry a[href$='png'],body.page .entry a[href$='gif']").attr({rel: "prettyPhoto[gallery]"});
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
	overlay_gallery: false,
	social_tools: '',
	deeplinking: false,
	default_width: 500,
	horizontal_padding: 0,
	opacity:".5",
	keyboard_shortcuts: false,
	show_title: false,
	animation_speed: 'normal' /* fast/slow/normal */
});

Notice the addition of "animation_speed" at the bottom. You can change 'normal' to 'slow'.

Hope that helps.

Best,

Chris

Tatiana on "Smooth out Pretty photo transition" http://www.themolitor.com/forums/topic/smooth-out-pretty-photo-transition#post-28794 Mon, 21 Apr 2014 17:40:59 +0000 Tatiana 28794@http://www.themolitor.com/forums/

Is there anyway to change the pretty photo transition so it's not so abrupt/quick? more of a fade than a click, if possible.
Or where is the code to manage the transition speed?
Will continue looking in the general forums too--may have missed something.

I forgot that you're a local like me (I'm in the Puyallup area), so sorry for posting after hours!