Missung arrow.png for JM Slideshow

Answered

Public

Bernhard Akula asked November 22, 2013

Hello,

I tested the Slideshow and i would aktivate navigation, but in the image folder is no arrow.png for the navigation-buttons.
How could I get this file?

Best Regards
Florian

Siotis

1 answer

Vote Up

Vote Down

Sherlock ⋅0.00 $tone November 23, 2013

Public

Hi Florian,

you can open the file of skin\frontend\default\jm_siotis\joomlart\jmslidesh ow\css\jm.slideshow.css there you look for these css rules

HTML Code:

 .jm-slide-buttons span.jm-slide-prev {
	float: left;
	margin-left: 30px;
	background-position: left top;
}

.jm-slide-buttons span.jm-slide-next {
	float: right;
	margin-right: 30px;
	background-position: right top;
}

.jm-slide-buttons span.jm-slide-prev:hover {
	background-position: left bottom;
}

.jm-slide-buttons span.jm-slide-next:hover {
	background-position: right bottom;
}

here you change it to

HTML Code:

          .jm-slide-buttons span.jm-slide-prev {
	float: left;
	margin-left: 30px;
	background-position: left top;
	background: url("../images/demo4.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.jm-slide-buttons span.jm-slide-next {
	float: left;
	margin-right: 30px;
	background-position: right top;
	background: url("../images/demo3.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.jm-slide-buttons span.jm-slide-prev:hover {
	background-position: left bottom;
}

.jm-slide-buttons span.jm-slide-next:hover {
	background-position: left bottom;
}

you can change those demo3.gif, demo4.gif by your own arrow images