Comments (5)
Hey,
Which mobile device are you using?
The script has been tested on galaxy tab2, galaxy s2 and galaxy s3 for android
Pls let me know
Thx
from swipebox.
Hello,
Sorry, I was wrong, the Android version on my phone is Android 4.0.4 :)
I tested your plugin on Huawei Honor 2. I tried to record a screencast but unfortunately without success (not working app).
As I said in my first message the problem is that when I tap the buttons in footer (next, prev, close) the nav panels (both top and bottom) just fade out instead of opening next/prev slide or closing the gallery.
Thank you,
- Alex
from swipebox.
Seems like click events are going through the buttons.
ie. click the X it closes the swipebox but then the click goes through to the next photo, opening the swipebox again.
Clicking the left/right arrows is making it register twice.
ie. click the right arrow and it goes forward 2 images instead of 1
I tested this on a Samsung Galaxy Nexus with Android 4.2.1
from swipebox.
It's because of this:
$('#swipebox-close').bind('click touchend', function(e){
They are bound to click and touchend...on Android both of them are firing. On an iphone it works fine.
Not sure how to properly handle these events cross-device...
Removing touchend, fixes the Android problem, though (but breaks the iphone).
from swipebox.
Fix:
var foo = (('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch)) ? 'touchstart' : 'click';
Plugin init:
plugin.init = function(){
plugin.settings = $.extend({}, defaults, options);
var foo = (('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch)) ? 'touchstart' : 'click';
$selector.click(function(e){
e.preventDefault();
e.stopPropagation();
});
$selector.bind(foo, function(e){
e.preventDefault();
e.stopPropagation();
index = $elem.index($(this));
ui.target = $(e.target);
ui.init(index);
});
}
Binding Events
$('#swipebox-prev').bind(foo, function(e){
e.preventDefault();
e.stopPropagation();
$this.getPrev();
$this.setTimeout();
});
$('#swipebox-next').bind(foo, function(e){
e.preventDefault();
e.stopPropagation();
$this.getNext();
$this.setTimeout();
});
}
$('#swipebox-close').bind(foo, function(e){
$this.closeSlide();
});
from swipebox.
Related Issues (20)
- Is it possible to handle mouse scroll and switch images on such events?
- sorry, I posted by mistake
- Code Injection Vulnerability
- How do you make the top bar with the title and bottom bar with the navigation button NEVER go away ? HOT 1
- swipebox con videos .mp4
- Autoplay Slideshow
- touch devices do not display all slides [fix]
- Not working with jquery 3.x.x HOT 2
- Video does not autoplay in Chrome
- Adding links to images and/or caption text
- Getting black overlay screen on every click HOT 29
- Can not close Swipebox HOT 1
- Mobile Browser Swipe Bugfix
- JQMIGRATE: jQuery.isArray is deprecated; use Array.isArray HOT 3
- Close on Tap
- Popup Close button click event not working HOT 2
- Not able to Pause the YT video after playing it on mobile
- Problem with Multiple Galleries on Same Page
- Flickering and sporadic streak at the top of the slider HOT 5
- how to change the location of the toggle arrows?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swipebox.