From db0e07dcc7e2c3a4ba438b715418efc322027114 Mon Sep 17 00:00:00 2001 From: JoePerkins Date: Sun, 4 May 2014 12:03:35 +0200 Subject: [PATCH 1/2] Update gallery.css Added proper pointer-events to the initialization, this way the user can interact with the first slide the first time the slider is executed. --- dist/gallery.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/dist/gallery.css b/dist/gallery.css index ec605f5..09dcf23 100644 --- a/dist/gallery.css +++ b/dist/gallery.css @@ -9,10 +9,12 @@ } .gallery .item:first-of-type { + pointer-events: auto; position: static; opacity: 1; } .gallery .item { + pointer-events: none; position: absolute; top: 0; left: 0; From c2c938a54f6a4209083b3dc3cb3280ebefe8f307 Mon Sep 17 00:00:00 2001 From: JoePerkins Date: Sun, 4 May 2014 12:11:12 +0200 Subject: [PATCH 2/2] Update _gallery.scss Added proper pointer-events to the initialization, this way the user can interact with the first slide the first time the slider is executed. --- sass/_gallery.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/sass/_gallery.scss b/sass/_gallery.scss index 5bbf151..78f2d5c 100644 --- a/sass/_gallery.scss +++ b/sass/_gallery.scss @@ -38,8 +38,8 @@ } .gallery { - .item:first-of-type { position: static; opacity: 1; } // Set the first item to be visible - .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; } + .item:first-of-type { pointer-events: auto; position: static; opacity: 1; } // Set the first item to be visible + .item { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; } .control-operator { display: none; } // Stop hash links from scrolling up and down @@ -47,4 +47,4 @@ .control-button:first-of-type { @extend %active-button; } .control-operator:target ~ .controls .control-button { @extend %inactive-button; animation: none; } // Kill button animation when there is a selected image -} \ No newline at end of file +}