Joomla Templates Club 406,261 posts

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#161726

Is there an option to use numbers instead of bullets for the Ja Slideshow? Do need see it in Ja Slideshow parameters and was wondering if it is possible somehow.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#382554

Hi,
Bullets that you see is image by defined in <joomla url>modulesmod_jaslideshowassetsthemeslimemod_jaslideshow.css file


.ja-slide-thumbs .ja-slide-thumb.active span {
background: url("images/circle-active.png") no-repeat center center;
}



.ja-slide-thumbs .ja-slide-thumb span {
background: url("images/circle-bg.png") no-repeat center center;
cursor: pointer;
display: block;
float: left;
margin: 0;
font-size: 0px;
width: 8px !important;
height: 10px !important;
}

– If you want to change it, you do following steps:
+ Open <joomla url>modulesmod_jaslideshowtmpldefault.php file, replace


<div class="ja-slide-thumb">
<span><?php echo ($i+1);?></span>
</div>

with


<div class="ja-slide-thumb-<?php echo ($i+1);?>">
<span><?php echo ($i+1);?></span>
</div>

– Add code into <joomla url>modulesmod_jaslideshowassetsthemeslimemod_jaslideshow.css file


.ja-slide-thumbs .ja-slide-thumb-number.active span {
background: url("images/number-active.png") no-repeat center center;
}



.ja-slide-thumbs .ja-slide-thumb-number span {
background: url("images/number-bg.png") no-repeat center center;
cursor: pointer;
display: block;
float: left;
margin: 0;
font-size: 0px;
width: 8px !important;
height: 10px !important;
}

– number = {1, 2, 3, 4, 5, 6, 7} depends on you want to have any slides. And you must to create 1-bg.png, 2-bg.png, …, 1-active.png, 2-active.png, … into <joomla url>modulesmod_jaslideshowassetsthemeslimeimages folder

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#382571

Thanks a lot! Will use this!

[Author]

Posts