PDA

View Full Version : frame for slideshow



lelu
04-01-2007, 12:35 PM
1) Script Title: Ultimate Fade-in slide show (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem:
here is a link ....
http://www.easyto.eu/estonia/tallinn/tallinn.htm

when mouseover any of the button, you'll see the slideshow without a frame. when you try to mouse over second time on the same buttom - you'll see the photos in the frame.

What is the part of the script I have to change to show the frame around the photo at fist time when mouseover??

thatnk you.

jscheuer1
04-01-2007, 02:44 PM
I see that you still haven't validated your page. This makes it difficult to be certain what should be done to change this. However, here is what would work for a valid page and probably will here as well. Where you have this and similar:


<div id="image_Area_2" style="position: absolute;left: 510px; top: 343px;border:2px solid #696969;width:76px;height:50px;display:none">
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages2,150, 105, 0, 1000, 9, "")
</script>
</div>

get rid of the blue part and change the red zero to a 2.

Now, in your style section, add:


#image_Area_2 img {
border:2px solid #696969;
}

Notes: This must be done for each division containing a slide show call. Your current style section looks like so:


<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:CCCCCC;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

lelu
04-01-2007, 03:17 PM
Thank you , it works !