PDA

View Full Version : Ultimate Fade In Slideshow



sketchpad
10-26-2012, 10:08 PM
1) Script Title: Ultimate Fade In Slideshow

2) Script URL (on DD): santabarbaradogtrainer.com

3) Describe problem: I've used this script before without causing this problem. I can't seem to get rid of the black bar that appears at the top of all slides. All images are the same exact size (430x575). I have no margins or padding in the 'fadeshow1' div. The div is called out as <div id="fadeshow1"></div>. The following is my script in the head:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [430, 575], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide1.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide2.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide3.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide4.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide5.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide6.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide7.jpg"],
["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide8.jpg"] //<--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: 3000, //transition duration (milliseconds)
descreveal: "none",
togglerid: ""
})

</script>

What is the problem?

jscheuer1
10-27-2012, 01:41 AM
In the santabarbaradogtrainer.com/SantaBarbaraDogTrainer.css file around line #115:


#content img {
float: right;
margin: 0px;
padding-left: 20px;
padding-top: 10px;
}

The highlighted line is the problem. There are at least two choices:

Get rid of that line.


Add another rule later:

.gallerylayer img {
padding-top: 0 !important;
}The browser cache may need to be cleared and/or the page refreshed to see changes.

sketchpad
10-27-2012, 05:16 PM
In the santabarbaradogtrainer.com/SantaBarbaraDogTrainer.css file around line #115:


#content img {
float: right;
margin: 0px;
padding-left: 20px;
padding-top: 10px;
}

The highlighted line is the problem. There are at least two choices:

Get rid of that line.


Add another rule later:

.gallerylayer img {
padding-top: 0 !important;
}The browser cache may need to be cleared and/or the page refreshed to see changes.

That fixed it...Thanks!!!