Skip to content
This repository was archived by the owner on Mar 20, 2018. It is now read-only.

Commit c5e778d

Browse files
committed
Ensure slideshow container is LTR to avoid scroll transition starting from the far right
1 parent daabce0 commit c5e778d

File tree

3 files changed

+44
-34
lines changed

3 files changed

+44
-34
lines changed

css/slideshow.css

Lines changed: 42 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/**
22
* Author: Matt Hinchliffe <www.maketea.co.uk>
3-
* Modified: 03/11/2012
3+
* Modified: 13/06/2014
44
* Description: Simple jQuery slideshow
55
* Example:
66
* <div class="slideshow">
@@ -15,30 +15,35 @@
1515
.slideshow {
1616
position:relative;
1717
margin:0 0 1em;
18+
direction:ltr;
1819
}
19-
.slideshow a {
20-
font-size:.75em;
21-
line-height:2em;
22-
text-decoration:none;
23-
color:#fff;
24-
background:#666;
25-
}
26-
.slideshow a:hover,
27-
.slideshow .selected a {
28-
background-color:#333;
29-
}
3020

31-
.carousel {
32-
margin:0;
33-
padding:0;
34-
list-style:none;
35-
}
36-
.slide {
37-
z-index:100;
38-
}
39-
.slide img {
40-
display:block;
41-
}
21+
.slideshow a {
22+
font-size:.75em;
23+
line-height:2em;
24+
text-decoration:none;
25+
color:#fff;
26+
background:#666;
27+
}
28+
29+
.slideshow a:hover,
30+
.slideshow .selected a {
31+
background-color:#333;
32+
}
33+
34+
.carousel {
35+
margin:0;
36+
padding:0;
37+
list-style:none;
38+
}
39+
40+
.slide {
41+
z-index:100;
42+
}
43+
44+
.slide img {
45+
display:block;
46+
}
4247

4348
/* pagination */
4449
.slides-pagination {
@@ -50,15 +55,17 @@
5055
list-style:none;
5156
z-index:110;
5257
}
53-
.slides-pagination li {
54-
display:inline;
55-
}
56-
.slides-pagination a {
57-
display:block;
58-
float:left;
59-
width:2em;
60-
margin-right:5px;
61-
}
58+
59+
.slides-pagination li {
60+
display:inline;
61+
}
62+
63+
.slides-pagination a {
64+
display:block;
65+
float:left;
66+
width:2em;
67+
margin-right:5px;
68+
}
6269

6370
/* skip */
6471
.slides-next,
@@ -69,12 +76,15 @@
6976
padding:0 .5em;
7077
z-index:120;
7178
}
79+
7280
.slides-next {
7381
right:0;
7482
}
83+
7584
.slides-prev {
7685
left:0;
7786
}
87+
7888
.slides-next.disabled,
7989
.slides-prev.disabled {
8090
opacity:.5;

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "slideshow",
3-
"version": "1.7.1",
3+
"version": "1.7.2",
44
"title": "jQuery Slideshow",
55
"description": "jQuery Slideshow is a performant and developer friendly image slideshow and content carousel plugin with support for touch gestures. 2KB when gzipped.",
66
"keywords": [

slideshow.jquery.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "slideshow",
3-
"version": "1.7.1",
3+
"version": "1.7.2",
44
"title": "jQuery Slideshow",
55
"description": "jQuery Slideshow is a performant and developer friendly image slideshow and content carousel plugin with support for touch gestures. 2KB when gzipped.",
66
"keywords": [

0 commit comments

Comments
 (0)