Chris

I would like this too.

It’s not a perfect solution, but I found a solution in the jQuery forums (originally posted in google groups). When you hover over an image, it finishes scrolling the last image out and stops scrolling. It starts scrolling again when you stop hovering over the image, so moving the cursor from one image to another will cause it to scroll one more image.

Add the following to the settings in the sponsors-carousel.php, in the Initialize script, after the ‘auto’ setting, near line 160:

,initCallback: function(jc, state) {
	if (state == 'init') {
		jc.startAutoOrig = jc.startAuto;
		jc.startAuto = function() {
			if (!jc.paused) {
				jc.startAutoOrig();
			}
		}
		jc.pause = function() {
			jc.paused = true;
			jc.stopAuto();
		};
		jc.play = function() {
			jc.paused = false;
			jc.startAuto();
		};
		$('li.jcarousel-item').mouseover(function() {
			jc.pause();
		});
		$('li.jcarousel-item').mouseout(function() {
			jc.play();
		});
	};
	jc.play();
}

This is how my script looks:

$output .= "jQuery('#mycarousel".$randomid."').jcarousel({
	scroll: ".stripslashes(get_option('scwp_scroll_amount'))."
	,animation: ".$speed."
	,wrap: 'circular'
	,auto: " . $auto . "
	,initCallback: function(jc, state) {
		if (state == 'init') {
			jc.startAutoOrig = jc.startAuto;
			jc.startAuto = function() {
				if (!jc.paused) {
					jc.startAutoOrig();
				}
			}
			jc.pause = function() {
				jc.paused = true;
				jc.stopAuto();
			};
			jc.play = function() {
				jc.paused = false;
				jc.startAuto();
			};
			$('li.jcarousel-item').mouseover(function() {
				jc.pause();
			});
			$('li.jcarousel-item').mouseout(function() {
				jc.play();
			});
		};
		jc.play();
	}
});

I did not remove the code from the lightbox css file. It contains additional styles that are needed. The styles I used overwrite or add on to those styles.

In my case, I am not using the image title and description, I have inserted a gallery and have set the captions. So there may be some differences in this case. I will review the title and descriptions later today to see what differences there are.

I had the same issue. Here is what I did and other things you can do to get different designs.

Add the styles below to your stylesheet, this will move the text up a little so that it covers the very bottom edge of the image, with a semi-transparent background and darker text.

#cboxTitle {
    background-color: white;
    bottom: 28px;
    color: #444444;
    opacity: 0.8;
    padding: 4px 0;
}

For a more transparent look, you could make the text color completely black (#000000) and lower the opacity to maybe 0.7 or even 0.6. This also affects the text transparency so any lower starts to make it too hard to read.

If you want to go completely transparent, remove the background-color and opacity setting, and I would suggest adding a white text-shadow, something like “text-shadow: 1px 1px 1px #ffffff;” (adjust the px to get different shadow position and blur).

To put the text across the top instead of the bottom, replace “bottom: 28px;” with “top: 0;” and add “height: 12px;”.

For long text that wraps to two (or more) lines, adjust the bottom position higher or height higher by 16 for each additional line (two lines = 28px), and add “line-height: 14px;”.

You can adjust the height, line-height, and padding to get more or less spacing around the line(s) of text, something like “padding: 6px 0; height: 14px; line-height: 16px;” might look good.

Of course, there might be some differences depending on your theme too, so keep adjusting until you get it like you want.

Hi Ralph, Jesse contacted me about this feature since I have worked on WordPress site for him before. The idea of a plugin that could generate a front-end as extensive like this is great, but as far as I could find there is nothing like this yet, the best I could find was to integrate the user profile into a page complete with all the editable fields. So I wrote a plugin that filled Jesse’s needs.

It is no where near complete, but serves its purpose for what Jesse wanted to do. I have not had the time to develop this into the plugin it ‘should’ be: it has no instruction, no options, is limited to checkboxes, and no design aspects – I coded everything to fit Jesse’s theme. Contact me privately so we can discuss how it might work for you, I could customize/extend it to fit your needs.

Skype: Web4Guru
G-Mail/Chat/Talk: christopher.peacock@gmail.com
321-895-GURU(4878)