Recent Topics

1 Feb 05, 2011 23:58    

My b2evolution Version: 3.3.3

I can't seem to get prettyPhoto working here and just can't figure out what's going on... ideas? http://www.humanrally.com/blogs/index.php/2009/02/05/test

2 Feb 11, 2011 11:57

Not sure but it could be something to do with your javascript being processed by the Auto-P plugin:

			<script type="text/javascript"><p>// <![CDATA[<br />
	$(document).ready(function(){<br />
		$("a[rel^='prettyPhoto']").prettyPhoto({<br />
			animation_speed: 'normal', /* fast/slow/normal */<br />
			slideshow: 5000, /* false OR interval time in ms */<br />
			autoplay_slideshow: true, /* true/false */<br />
			opacity: 0.85, /* Value between 0 and 1 */<br />
			show_title: true, /* true/false */<br />
			allow_resize: true, /* Resize the photos bigger than viewport. true/false */<br />
			default_width: 500,<br />
			default_height: 344,<br />
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */<br />
			theme: 'dark_rounded', /* light_rounded / dark_rounded / light_square / dark_square / facebook */<br />
			hideflash: true, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */<br />
			wmode: 'opaque', /* Set the flash wmode attribute */<br />
			autoplay: true, /* Automatically start videos: True/False */<br />
			modal: false, /* If set to true, only the close button will close the window */<br />
			overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */<br />
			keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */<br />
			changepicturecallback: function(){}, /* Called everytime an item is shown/changed */<br />
			callback: function(){}, /* Called when prettyPhoto is closed */<br />
			markup: '</p><div class="pp_pic_holder"> \<br />
						<div class="ppt">&nbsp;</div><p> \<br />
						</p><div class="pp_top"> \<br />
							<div class="pp_left"></div><p> \<br />
							</p><div class="pp_middle"></div><p> \<br />
							</p><div class="pp_right"></div> \<br />
						</div><p> \<br />
						</p><div class="pp_content_container"> \<br />
							<div class="pp_left"> \<br />
							<div class="pp_right"> \<br />
								<div class="pp_content"> \<br />
									<div class="pp_loaderIcon"></div><p> \<br />
									</p><div class="pp_fade"> \<br />
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \<br />
										<div class="pp_hoverContainer"> \<br />
											<a class="pp_next" href="#">next</a> \<br />
											<a class="pp_previous" href="#">previous</a> \<br />
										</div><p> \<br />
										</p><div id="pp_full_res"></div><p> \<br />
										</p><div class="pp_details clearfix"> \<br />
											<p class="pp_description"> </p> \<br />
											<a class="pp_close" href="#">Close</a> \<br />
											<div class="pp_nav"> \<br />
												<a href="#" class="pp_arrow_previous">Previous</a> \<br />
												<p class="currentTextHolder">0/0</p> \<br />
												<a href="#" class="pp_arrow_next">Next</a> \<br />
											</div> \<br />
										</div> \<br />
									</div> \<br />
								</div> \<br />
							</div> \<br />
							</div> \<br />
						</div><p> \<br />
						</p><div class="pp_bottom"> \<br />
							<div class="pp_left"></div><p> \<br />
							</p><div class="pp_middle"></div><p> \<br />
							</p><div class="pp_right"></div> \<br />
						</div> \<br />
					</div><p> \<br />
					</p><div class="pp_overlay"></div><p>',<br />
			gallery_markup: '</p><div class="pp_gallery"> \<br />
								<a href="#" class="pp_arrow_previous">Previous</a> \<br />
								<ul> \
									{gallery} \
								</ul> \<br />
								<a href="#" class="pp_arrow_next">Next</a> \<br />
							</div><p>',<br />
			image_markup: '<img id="fullResImage" src="" />',<br />
			flash_markup: '<span class="mceItemObject"  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><span name="wmode" value="{wmode}" class="mceItemParam"></span><span name="allowfullscreen" value="true" class="mceItemParam"></span><span name="allowscriptaccess" value="always" class="mceItemParam"></span><span name="movie" value="{path}" class="mceItemParam"></span><span class="mceItemEmbed"  src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></span></span>',<br />
			quicktime_markup: '<span class="mceItemObject"  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><span name="src" value="{path}" class="mceItemParam"></span><span name="autoplay" value="{autoplay}" class="mceItemParam"></span><span name="type" value="video/quicktime" class="mceItemParam"></span><span class="mceItemEmbed"  src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></span></span>',<br />
			iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',<br />
			inline_markup: '</p><div class="pp_inline clearfix">{content}</div>',<br />
			custom_markup: ''<br />
		});<br />
	});<br />
// ]]></script><p></p>

Look at all the <br /> and <p> tags. Don't think they should be there. Try putting all the javascript on one line or open up your skin file and add the javascript between the <head> tags.

L

3 Feb 12, 2011 23:14

Excellent - you're right, the AutoP was messing it up - thanks!!!

4 Feb 12, 2011 23:37

No worries, glad to help


Form is loading...