View Full Version : Ultimate Fade-in slideshow - Image Border

11-18-2009, 08:21 PM
Ultimate Fade-in slideshow (v2.1)


Hello All,

I've been using Ultimate Fade-in slideshow (v2.1) and I have a quick question.

I can't seem to figure out how to border the image. Not the background, just the image. I just want a simple black line; 1px wide around all my images.

I've searched here for the better part of 2 hours but due to the fact that I'm looking for borders; every script that's posted pops up in my search results. So I'm sorry if this has been asked (I can't image it hasn't) many times already.


11-19-2009, 01:41 AM
Put this in the head of your page:

<style type="text/css">
#fadeshow1 .gallerylayer img {
border: 1px solid #000!important;

where fadeshow1 is the wrapperid for your slide show.

However, with black being the default background for the images, unless you have changed that, I don't see how the above will show up, even if all of your images are the size of the slide show.

If that's the situation (using default background, images the size of the show), skip the above advice, and just increase the width and height settings for the show, ex:

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""

dimensions: [251, 181], //width/height of gallery in pixels. Should reflect dimensions of largest image

If things are the way I imagine (you are using the default background and your images are the size of the show), even though this is not technically a border, it will look like one.

If you want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

11-19-2009, 02:58 AM
I'll give this a go tomorrow when I get to work. I already changed the background color to match my page but I just thought it would look a little nicer with a border since some of my images have colors that very closely match my page background. Maybe not just an idea.

Thanks for the help

11-19-2009, 10:32 AM
If that's the situation, then you may have to employ both of the strategies in my previous post.

11-19-2009, 10:58 AM
Your top suggestion was exactly what I wanted. I had to think what you meant by your bottom suggestion but now that I think I understand what your were getting at that wouldn't work. My pictures are all different sizes. I had already changed the color to match my page though.

Anyway it looks great thank you very much.

11-19-2009, 11:22 AM
You may also want to look here: