Stack Overflow
Stack Overflow

Questions tagged [swipe.js]

Swipe is a lightweight mobile slider with 1:1 touch movement. 1:1 touch movement is sliding content based on exact touch position. It's a different level of interacting with the content, more intuitive than swiping left to right and then watching the slider move to the proper position.

Mobile size constraints mixed with new web functionality is allowing us to develop new models for how users interact with the web. This is a good thing. It forces us mobile web developers to rethink how we build the web. One of these key interactions is swiping through content, whether it be images, text, or other media. Image sliders and galleries populate the web as a way to display more in less space. This pattern is even more effective on mobile devices.

Swipe exposes a few functions that can be useful for script control of your slider.

prev() slide to prev

next() slide to next

getPos() returns current slide index position

getNumSlides() returns the total amount of slides

slide(index, duration) slide to set index position (duration: speed of transition in milliseconds)

16 questions
3
votes
0 answers

Swipe JS: click edge to next item

I'm using Swipe JS to create a full screen image gallery and want to add the ability to click on the left / right edge to get to the previous / next slide. I've tried creating absolutely positioned a tags but that breaks the swipe functionality…
Thomas
  • 8,426
  • 1
  • 25
  • 49
1
vote
0 answers

Issue with slider plugin swipe.js on resize, recommendation for other slider plugins

I need a slider which only works on mobile. I searched for some plugins and found swipe.js. I just check if the width of the sceen is lower than 768px and initiate the plugin. If its greater than 768px, I try to disable it using the kill function…
eberhapa
  • 358
  • 3
  • 11
1
vote
0 answers

How to Detect/Bind Swipe Gestures on Windows Phone running 8.1 with Swipe.JS

This is my JS Code and works with swipe.js on most devices, how do i bind this function to work on windows phones? $(this).swipe( { allowPageScroll:"vertical", swipe:function(event, direction, distance, duration, fingerCount, fingerData)…
Coder Guy
  • 87
  • 9
1
vote
1 answer

Swipe.js stops working after html minification

Due to big time lags because of a remote database, I am working on on a PHP/cron script fetching webpages from the CMS and saving them as static webpages. Then serving the static webpages to visitors. I have also decided to try and minify the…
Tom
  • 2,928
  • 4
  • 28
  • 36
1
vote
1 answer

swipe.js swipe/drag support in bootstrap 3.0 carousel

I recently retrofitted bootstrap 3 carousels to my site and added swipe gesture support using jquery mobile swiperight and swipeleft. Like this: How to make Bootstrap carousel slider use mobile left/right swipe This works fine, however, the…
tidmutt
  • 143
  • 1
  • 9
1
vote
0 answers

Swipe.js bug with IE7

Does anyone know how to get swipe.js (http://swipejs.com/) working in IE7? Despite the claims on the site, I've found that it simply doesn't work. Double checked my code and found that the plugin's own demo fails in IE7. If anyone knows how this can…
Sj.
  • 1,402
  • 1
  • 12
  • 9
1
vote
1 answer

Swipe.js callback function

I'm using swipejs (https://github.com/bradbirdsall/Swipe) and want to add a class to certain DOM elements if the slide being slided to has a data attribute. In this case a slide may have the attribute of data-colour="orange". When sliding to that…
Adam Lorrimer-Roberts
  • 23
  • 5
0
votes
0 answers

How to call another HTML file using swipe.js?

using SwipeJS how can I call a different html? For example using the following code to swipe pages I use it as index.html and I want to call other three inside like page1.html page2.html and page3.html Is that possible?
Black XS
  • 3
  • 2
0
votes
1 answer

Swipe.js prev/next not working

I'm working on this site http://www.lubittar.com/ which uses swipe.js - visit Timeline in the menu. I've followed the example almost exactly but the next and prev buttons are not working. If I add auto: 3000 to the script it works but the button…
user3219182
  • 69
  • 2
  • 10
0
votes
2 answers

Use bullets as navigation with Swipe JS

I've been banging my head off a wall for a few hours and I'd really appreciate some help with this. I know it's going to be easy solution but so far it's not going well. I'm using Swipe Js for a slider and I want to use some bullets as navigation…
veryrobert
  • 59
  • 2
  • 9
0
votes
0 answers

JQM with swipe.js fires event one additional time for each subsequent visit, I only have the 'pageshow' event and no 'click' function or whatever

So I'm trying to use swipe.js in congunction with jQuery mobile. I have it setup so that the swipe.js slider thingy will start automatically on the jqm 'pageshow' event. I'm now running into the problem that the code in the swipe function will…
tracey
  • 111
  • 1
  • 4
0
votes
0 answers

Is it possible to use swipe.js with video elements?

I have a slider which has one slide that contains a video element. Everything works fine except for swiping on the video, which does absolutely nothing. I imagine this is because the video element is "hijacking" the input, but is there a way around…
bernk
  • 1,155
  • 2
  • 12
  • 22
0
votes
1 answer

Mustache template not showing in swipejs slider until page is resized

I'm using a mustache template to load slides into a swipejs slider. When I load the page and check the source, the slides have loaded as expected. However, the slides don't actually show on the page unless I resize the page, both in desktop and…
Mark Kamyszek
  • 398
  • 2
  • 5
  • 15
0
votes
1 answer

swipe.js getPos API help needed

I'm using for a mobile solution the slider "swipe.js" (https://github.com/bradbirdsall/Swipe). Now i would like to use the api-function getPos to return the actually slide. Unfortunatley my code doesn't work: var elem =…
Stiller Eugen
  • 681
  • 2
  • 10
  • 28
0
votes
0 answers

JQuery Mobile and swipe.js requires a touch even to load first image

I am currently making a mobile site that has a rotating slideshow. I am using the latest version of JQuery Mobile (1.9.1) and Brad Birdsall's swipe.js. The problem I am having is that in order to view the first slide, which has #advertising-consumer…
Sam Hartung
  • 1
  • 1
1
2