alamed7

Thanks 🙂 I would have been very surprised to see it implemented so soon. I will wait and hope that you are able to do this much neater than me.

I’ve found that having multiple categories assigned to posts can produce different results in the plugin than in the rest of WP simply because I didn’t send the whole list of categories – just the first. This is an improvement I hope to make but I haven’t gotten to it yet. It might be worth considering if you do decide to include this.

Thank you for your help with this issue, I finally had some time to devote today and got it working. I realize now how wrong it was of me to ask if I should put the values into a jQuery array… it needed to be javascript of course.

So, for anyone who is interested, here are the bits of code I modified to make this happen.

In frontpage-slideshow.php:

function frontpageSlideshow($content,$force_display=false,$options=array()) {
	...
	$fscategories = join(',',$options['values']['fs_cats']);
        ...
	$fsposts = get_posts('category='.$fscategories.'&orderby='.$options['values']['fs_orderby'].'&numberposts='.$options['values']['fs_slides'].'&order='.$options['values']['fs_order']);
	$fsentries = array();
	foreach ($fsposts as $fspost) {
	// format informations
	$title = get_post_meta($fspost->ID,'fs-title',true);
            $cats = get_the_category($fspost->ID);
            $cat = $cats[0]->slug;
		...
	// put infos into an array

	$fsentries[] = array('title' => $title.' ', 'image' => $image, 'comment' => $comment.' ', 'button-comment' => $buttoncomment.' ', 'link' => $link, 'cat' => $cat);
		}

In my template.php:

$fscat = array();
function frontpageSlideshow_TPL($fsentries) {
	global $fscat;
// this is the HTML part
	$fscontent = '<!-- Template: ANA -->
<div id="fs-main">
	<div id="fs-slide">
		...
	</div>
	<ul>';

	foreach ($fsentries as $id=>$entry) {
		$fscat[$id] = $entry['cat'];
		...
	}
	$fscontent .= '	</ul>
</div>';
	return $fscontent;
}

function frontpageSlideshow_JS($options,$fslast) {
	global $fscat;
	// this is the Javascript part.
	ob_start();
?>
var fscats = ['<?php echo implode("', '",$fscat); ?>'];
var fslast = <?php echo $fslast?>;
...
}

function fsChangeSlide2() {

	...

	jQuery("#fs-entry-"+fsid).addClass('fs-current');

    if (fscats[fsid] != '') {
    	jQuery("#fs-slide").addClass('fs-'+fscats[fsid]);}

	frontpageSlideshow();
}
function fsDoSlide() {
	...
	if (fsid>-1) jQuery("#fs-entry-"+fsid).removeClass("fs-current");
    if (fsid>-1) jQuery("#fs-slide").removeClass('fs-'+fscats[fsid]);
	...
}

Then you just assign your CSS to use the class fs-your-category-slug (e.g. .fs-event, .fs-newsletter) for your background image. If anyone has suggestions to improve this, please let me know. And thank you to jeff_ for making and supporting this excellent plugin.

Thank you again for getting back to me. I will check out the suggestions you’ve given. I would still like to try a little longer to create the CSS hook.

If I can get the first category for each post in frontpageSlideshow($content,$force_display=false,$options=array()) in frontpage-slideshow.php to the foreach ($fsentries as $id=>$entry) in frontpageSlideshow_TPL($fsentries) in the template file, would I be barking up the wrong tree to put the categories into a jQuery array which could then be used in fsChangeSlide2() to add a class to the fs-slide div like you do with the class fs-current?

Again, my jQuery/javascript skills are not good so I’m very sorry if this doesn’t make sense. I assure you I am not looking for lessons, just an indication of if this sounds feasible to you, or if you see obvious flaws in my logic. And thank you again for responding so quickly.