Post edited 3:10 am – February 18, 2010 by Iain

Hi Aaron,

I hunted for a featured content plugin with a film strip on the right hand side for a long long time before finding yours, and I'm very glad I did. But I can't get it to work. I know nothing about javascript and I'm working on a testing server, so I can't point you to my site, but I would greatly appreciate your help.

The plugin definitely does something. It creates a huge whitespace on my page (I put the template code between '<?php get_header(); ?>' and '<?php if (have_posts()) : while (have_posts()) : the_post(); ?>') that extends horizontally and vertically for a few thousand pixels. I have another javascript plugin running — the multilevel navigation plugin –  but even with that deactivated I get the same result.

The code outputted by the plugin looks like this:

<script type="text/javascript">
if ( typeof addLoadEvent != 'function' ) {
addLoadEvent = function(func){if(typeof jQuery!="undefined")jQuery(document).ready(func);else if(typeof wpOnload!='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
}

addLoadEvent(function(){
jQuery('#photos').galleryView({
start_frame: 1,
panel_width: 617,
panel_height: 300,
overlay_height: 60,
overlay_opacity: 0.7,
overlay_position: 'bottom',
nav_theme: 'C:wwwwebappsnewvisionwp-contentpluginsfeatured-content-showcase/js/themes/dark',
fade_panels: true,
pause_on_hover: true,
easing: 'swing',
show_filmstrip: true,
filmstrip_position: 'right',
transition_speed: 500,
transition_interval: 2000,
filmstrip_size: 3,
show_panels: true,
show_captions: false,
frame_gap: 5,
frame_width: 60,
frame_height: 40,
frame_opacity: 0.3,
pointer_size: 8,
frame_scale: 'crop',
panel_scale: 'crop',
});
});
</script>
<ul id="photos" class="galleryview" style="margin-top:8px">
<li>
<div class="panel-overlay">
<h2>Laser Eye Surgery (LASIK & LASEK)</h2>
<p>Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla</p>
</div>
<a href="http://localhost/newvision/services/lase…..e-surgery/" title="Laser Eye Surgery (LASIK &amp; LASEK)"><img width="700″ height="467″ src="http://localhost/newvision/wp-content/up…..Lasik1.jpg" class="attachment-full wp-post-image" alt="" title="AsianLasik" /></a>

</li>
<li>
<div class="panel-overlay">
<h2>Ophthalmology</h2>
<p>New Vision Eye Clinic is recognized as a regional leader in the field of ophthalmology. Our certified medical doctors offer expertise in glaucoma, the retina and vitreous fluid, pediatric eye care as well as muscle alignment, corneal and refractive surgery, and ophthalmic plastic and reconstructive surgery. We use advanced technology and highly-specialised and certified </p>
</div>
<a href="http://localhost/newvision/services/comp…..halmology/" title="Ophthalmology"><img width="1687″ height="1125″ src="http://localhost/newvision/wp-content/up…..02/eye.jpg" class="attachment-full wp-post-image" alt="" title="eye" /></a>

</li>

I have created thumnails for four pages and ticked 'featured post showcase' on all of them.

Thanks,

Iain

P.S. Sorry to not have quoted my code as code. It was giving me some odd results.

http://xavisys.com/support/forum/feature…..ng-in-ie7/

Is the problem related to the following

nav_theme: 'C:wwwwebappsnewvisionwp-contentpluginsfeatured-content-showcase/js/themes/dark'

?

It doesn't look right to me, but like I said, I know nothing about javascript.

Could somebody who has got the plugin working please post their code here? It'll give me somewhere to start.