I tried it now and i adds something but its only a grey shadow.. here is a small snippet of the default.php…
is this right ?
[PHP] <?php if ( $animation==’move’ && $container ) :?>
<div class=”but_prev ja-slide-prev”></div>
<div class=”but_next ja-slide-next”></div>
<?php endif; ?>
<div class=”maskDesc”><div class=”inner”><?php if ($showDescription==’desc-readmore’){?><a class=”readon” title=””><span><?php echo $readmoretext;?></span></a><?php }?></div></div>
<div class=”maskDesc1″><div class=”inner”><?php if ($showDescription==’desc-readmore’){?><a class=”readon” title=””><span><?php echo $readmoretext;?></span></a><?php }?></div></div>
<?php if($showDescription && $showdescwhen!=’always’){?>
<div class=”ja-slide-descs”>
<?php foreach($captionsArray as $desc) {?>
<div class=”ja-slide-desc”><?php echo $desc?></div>
<?php }?>
</div>
<?php }?>
[/PHP]
And this is defining Slideshow K2 Component, in the end i added you code
/* Slideshow K2 Component ---*/
.ja-moduleraw-style2 {
background: url(../images/bg-slideshow1.gif) repeat-x bottom center #fff;
border: none;
}
.ja-slidewrap-style2 {
padding: 10px 10px 0px 10px;
border: none;
margin-bottom: -11px;
}
.ja-slidewrap-style2 .ja-slide-mask { display: none; }
.ja-slidewrap-style2.ja-slide-descs { display: block; }
.ja-slidewrap-style2 .ja-slide-desc {
font-family: Arial,Helvetica,sans-serif;
font-size: 140%;
font-weight: normal;
left: 110px;
padding: 1px;
position: absolute;
text-shadow: 1px 1px 2px #000000;
top: 8px;
width: 220px;
/*text-shadow: 0 0 2px #000000;*/
/*text-shadow: 1px 1px 2px #F4F2F5*/
}
.ja-slidewrap-style2 .ja-slide-desc p { display: none; }
.ja-slidewrap-style2 .ja-slide-thumbs-wrap {
width: 662px !important;
z-index: 150;
overflow: visible;
top: 0px;
right: 0px;
bottom: 0px;
position: relative;
margin-left: 27px;
height: 80px !important;
background: url(../images/line-slideshow.gif) no-repeat right 11px !important;
}
.ja-slidewrap-style2 .ja-slide-buttons {
position: absolute;
top: 320px;
z-index: 150;
height: 28px;
}
.ja-slidewrap-style2 .ja-slide-desc a span {
´background: #2595bd;
color: #fff;
text-decoration: none;
padding: 0px 5px;
margin: 0px;
line-height: 1.2;
display: inline;
}
.ja-slidewrap-style2 .ja-slide-thumbs,
.ja-slidewrap-style2 .ja-slide-thumbs-mask,
.ja-slidewrap-style2 .ja-slide-thumbs-handles {
position: absolute;
width: auto !important;
height: 80px !important;
right: auto;
margin: 0px;
}
.ja-slidewrap-style2 .ja-slide-thumbs-wrap .ja-slide-thumb.active {
background: url(../images/line-slideshow.gif) no-repeat left 11px #fff !important;
color: #747474;
margin: 11px 0px 0px 0px !important;
}
.ja-slidewrap-style2 .ja-slide-thumbs-wrap .active .ja-slide-thumb-inner {
background: url(../images/active-slideshow.png) no-repeat top center ;
color: #737373;
top: -11px;
}
.ja-slidewrap-style2 .ja-slide-thumbs .ja-slide-thumb {
background: url(../images/line-slideshow.gif) no-repeat left 11px;
}
.ja-slidewrap-style2 .ja-slide-thumb-inner img {
display: none;
}
.ja-slidewrap-style2 .ja-slide-thumbs-handles span,
.ja-slidewrap-style2 .ja-slide-thumb {
margin: 0px ;
}
.ja-slidewrap-style2 .ja-slide-thumb-inner {
margin: 0px 5px;
padding: 0px;
}
.ja-slidewrap-style2 .ja-horizontal { overflow: hidden; top: -11px; }
.ja-slidewrap-style2 .ja-slide-thumbs-handles span { height: 70px !important; }
.maskDesc1-style2 {
z-index: 400;
right: 0px;
bottom: 80px;
}
Best regards Kenneth
splifen 13 years, 8 months ago.
