[skillionaire]

Hello fellas,

I have a small problem keeping me from continuing to work.

I basically have a Jquery automatic slider. I have made 5 slides and there are 5 thumbnails of each img in the bottom to show users I have 5 slides.

When viewing the current slide, a white border box appears on the current slide. All the others are normal.

I would just like to know how I can replace the white border box with making the image of the thumbnail different.

EX: I have 5 black crircles and when your viewing slide #2. The SLide #2 circle turns blue.

Code I have is:

<script type="text/javascript">
	$(document).ready(function(){		
		$('#photos').galleryView({
			panel_width: 973,
			panel_height: 278,
			frame_width: 20,
			frame_height: 17,
			overlay_color: '#222',
			overlay_text_color: 'white',
			caption_text_color: '#222',
			background_color: 'transparent',
			border: 'none',
			nav_theme: 'light',
			easing: 'easeInOutQuad',
			pause_on_hover: true
		});
	});
</script>

Both Frames lines are the ones who create the white border.
Do I have to create my own function and add

.attr({src : "new_image.gif"});

and delete both frames or is there a function already I can add? I see there is a
background_color: 'transparent',

So I'm guessing there should be a background to add images but I wouldn't know the command.

Any suggestions?

[xerxes333]

Your request is confusing. I'm not 100% sure what you are trying to accomplish. When you use the term "slider" are you referring to the JQuery UI plugin or some other third party plugin? Do you have your code live somewhere I can look at it?

[skillionaire]

xerxes333, on 29 Apr, 2009 - 08:05 AM, said:

Your request is confusing. I'm not 100% sure what you are trying to accomplish. When you use the term "slider" are you referring to the JQuery UI plugin or some other third party plugin? Do you have your code live somewhere I can look at it?

Sorry for posting in the wrong place.

here's a link to something I want to do identically: http://www.netdreams.co.uk/index.php

As you can see the slide show banner has 7 slides and when your viewing the current one the circle turns blue instead of staying black.

Any more questions I'd be happy to answer it.

[xerxes333]

OK so for your project you want thumbnails of each slide instead of the black/blue buttons in the link. And you want the active slides corresponding thumbnail to have a white border. Correct?

If that is the case then simply update the border of the thumbnail when its clicked using the attr() function.

[skillionaire]

Ya but the thing I don't understand is...

There are 2 functions to make the height & width of the border.
so the thing I don't understand is I don't think I can just slap the attr. to each 2 functions.

In general I just don't know how to apply it.

[roger121]

Well... I am not getting what you are exactly looking for... I just want to give you a simple suggestion regarding Limetree. LimeTree are an innovative London based Digital Marketing Agency. They want to help you add value to your business. Hire them and they will be your perfect solution partner. Ask for their Web design Quote also.