Pages: 12
this script is a Neat Slider on your Photo Gallery w/ caption & Loading when click :D credits :arrow: [b]DHTMLgoodies[/b] =) credits :arrow: [b]Kherminator[/b] step [b]1.[/b] save this parts =) :a
You are viewing a post by last. View all 38 posts in this script is a Neat Slider on your Photo Gallery w/ caption & Loading when click :D credits :arrow: [b]DHTMLgoodies[/b] =) credits :arrow: [b]Kherminator[/b] step [b]1.[/b] save this parts =) :a.
2008-10-09 09:18:18
- last
- » n00b
1
0
1969-12-31
Re: this script is a Neat Slider on your Photo Gallery w/ caption & Loading when click :D credits :arrow: [b]DHTMLgoodies[/b] =) credits :arrow: [b]Kherminator[/b] step [b]1.[/b] save this parts =) :a
body{
background-image:url('Background Header Link here');
background-repeat:no-repeat;
padding-top:30px;
}
#dhtmlgoodies_slideshow{
width:500px; /* Total width of slideshow */
}
#previewPane{
border:1px solid #CCCCCC;
margin-bottom:20px;
text-align:center;
vertical-align:middle;
padding-top:10px;
position:relative;
/* CSS HACK */
height: 388px; /* IE 5.x */
height/* */
**/420px; /* Other browsers */
height: /**/370px;
}
#previewPane img{
line-height:300px;
}
#previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
font-style:italic;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size:0.9em;
}
#galleryContainer{
height:102px; /* Height of the images + 2 */
border:1px solid #CCCCCC;
position:relative;
overflow:hidden;
padding:1px;
/* CSS HACK */
height: 104px; /* IE 5.x - Added 2 pixels for border left and right */
height/* */**/102px; /* Other browsers */
height: /**/102px;
}
#arrow_left{
position:absolute;
left:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#arrow_right{
position:absolute;
right:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#theImages{
position:absolute;
height:100px;
left:40px;
width:100000px;
}
#theImages #slideEnd{
float:left;
}
#theImages img{
float:left;
padding:1px;
filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
border:0px;
}
#waitMessage{
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:3px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;
}
#theImages .imageCaption{
display:none;
}
**/420px; /* Other browsers */
height: /**/370px;
}
#previewPane img{
line-height:300px;
}
#previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
font-style:italic;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
font-size:0.9em;
}
#galleryContainer{
height:102px; /* Height of the images + 2 */
border:1px solid #CCCCCC;
position:relative;
overflow:hidden;
padding:1px;
/* CSS HACK */
height: 104px; /* IE 5.x - Added 2 pixels for border left and right */
height/* */**/102px; /* Other browsers */
height: /**/102px;
}
#arrow_left{
position:absolute;
left:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#arrow_right{
position:absolute;
right:0px;
z-index:10;
background-color: #FFF;
padding:1px;
}
#theImages{
position:absolute;
height:100px;
left:40px;
width:100000px;
}
#theImages #slideEnd{
float:left;
}
#theImages img{
float:left;
padding:1px;
filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
border:0px;
}
#waitMessage{
display:none;
position:absolute;
left:200px;
top:150px;
background-color:#FFF;
border:3px double #000;
padding:4px;
color:#555;
font-size:0.9em;
font-family:arial;
}
#theImages .imageCaption{
display:none;
}
 |