tag:blogger.com,1999:blog-3659385120213057457.post3438019820150738565..comments2024-01-27T21:37:01.182-08:00Comments on Developing with Style: jQuery Mobile Carousel - Sencha StyleBlackdynamohttp://www.blogger.com/profile/08266441505938746602noreply@blogger.comBlogger39125tag:blogger.com,1999:blog-3659385120213057457.post-51048139765492491182013-03-19T12:48:17.232-07:002013-03-19T12:48:17.232-07:00Hi Guys,
I'm relatively new to jquery mobile a...Hi Guys,<br />I'm relatively new to jquery mobile and am still trying to get it to work. It seems the JQM and Jquery-ui are having problems working together. I'm not sure whether I'm using incompatible versions or there's just something wrong with my code.<br />Is it possible for me to see the source code for a html page file that this works in?<br />Thanks in advance guys.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-41965319539628929922012-11-21T07:21:19.394-08:002012-11-21T07:21:19.394-08:00Hi Guys,
its not working on Android 2.3.
It is no...Hi Guys,<br />its not working on Android 2.3. <br />It is not near the Sencha Touch carousel in terms of full screen capability.<br />It is also not working with % instead of px. I need to develop Android Home Scren like app where i have a grid with the icons and so on. Any ideas?dndimitrovnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-76115886228821005612012-11-20T08:10:57.529-08:002012-11-20T08:10:57.529-08:00i have a problem when i insert vertical carousel i...i have a problem when i insert vertical carousel inside horizontal carousel. How can i fix it?Doaversnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-60606034233043255542012-11-17T10:04:41.015-08:002012-11-17T10:04:41.015-08:00No longer functions with the latest version of Jqu...No longer functions with the latest version of Jquery...JonsGoogleAnalyticsDemohttps://www.blogger.com/profile/17184689944468325896noreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-17560851714122098692012-08-20T04:11:48.311-07:002012-08-20T04:11:48.311-07:00There is no auto scroll?There is no auto scroll?Di Gian Bartolomeo Rotti In Culonoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-90646952460211000412012-08-20T03:49:18.573-07:002012-08-20T03:49:18.573-07:00How to make it responsive?How to make it responsive?Ayeyenoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-16628076705506979092012-08-11T04:40:50.581-07:002012-08-11T04:40:50.581-07:00I was trying to implement an interactivity in each...I was trying to implement an interactivity in each slide. But i think the touchdrag is interfering with the tap event. Any ideas on how to take that ahead ???<br /><br />Thanks for the help :)Jayman Pandyahttps://www.blogger.com/profile/00903240660292762837noreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-11953584633589212092012-05-23T06:56:34.039-07:002012-05-23T06:56:34.039-07:00If you are using jquery > 1.4 change this lines...If you are using jquery > 1.4 change this lines:<br /><br />jquery.mobile.carousel.js, on both line 57 and 67, replace with this:<br /><br />var data = event.originalEvent.touches ? event.originalEvent.touches[0] : event.originalEvent;Mosè Raguzzinihttps://www.blogger.com/profile/07921974375557336896noreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-86461562874628576432012-04-30T02:32:27.905-07:002012-04-30T02:32:27.905-07:00The problem occured after embedding 'jquery.ui...The problem occured after embedding 'jquery.ui.touch-punch.js'. I need the js file for the scrollfunction of the page. It still works with the other devices, but it blocks the carousel scroll on the iPhone 4.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-4788986819628502712012-04-30T01:32:02.104-07:002012-04-30T01:32:02.104-07:00The carousel doesnt work with the iPhone 4. I cant...The carousel doesnt work with the iPhone 4. I cant slide the images. Any ideas?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-90787168027165311142012-04-30T01:30:50.547-07:002012-04-30T01:30:50.547-07:00The carousel doesnt work with the iPhone 4. I cant...The carousel doesnt work with the iPhone 4. I cant slide the images. Any ideas?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-47051282844698898262012-04-20T07:25:09.913-07:002012-04-20T07:25:09.913-07:00Actually I've just re-checked it and it's ...Actually I've just re-checked it and it's the weirdest thing...it doesn't work in Android's native browser but works perfectly in Firefox For Android. Gaaaaah!Davehttp://www.filamentlab.comnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-61858659592247827252012-04-20T07:21:15.021-07:002012-04-20T07:21:15.021-07:00Doesn't seem to work in Android at all. Works ...Doesn't seem to work in Android at all. Works perfectly in desktop browsers and on iOS though. Do you plan to develop this to work in Android's browser?Davehttp://www.filamentlab.comnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-58104349841510408212012-04-12T14:27:42.651-07:002012-04-12T14:27:42.651-07:00Is there a way to have a loop, so it doesn't s...Is there a way to have a loop, so it doesn't stop at the last image?Olivernoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-73434482299453307802012-03-06T09:15:05.832-08:002012-03-06T09:15:05.832-08:00Well, that wasn't very bright...I knew I felt ...Well, that wasn't very bright...I knew I felt badly about that global for some reason. I've rewritten it again removing the global dependence on currentPage. You should now be able to have multiple carousels.John Anoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-78601920198627647782012-03-06T03:21:04.013-08:002012-03-06T03:21:04.013-08:00The 'next' and 'previous'-calls wo...The 'next' and 'previous'-calls work fine. But I came across another problem: If you use multiple carousels, they won't each have a variable "currentPage" – there is only one "currentPage" for all of them.<br />Do you understand my problem?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-61040099967998153172012-03-06T01:16:49.970-08:002012-03-06T01:16:49.970-08:00@John A: Fantastic Job! I wrote the comment at 01:...@John A: Fantastic Job! I wrote the comment at 01:36 PM and hours later you have a solution for this one. Sad, that you seem to be quite inactive on twitter.<br />Thanks, you did me a huge favor by sharing your solution.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-33981719930538908002012-03-05T16:08:32.127-08:002012-03-05T16:08:32.127-08:00Had a couple of issues there at first, have resolv...Had a couple of issues there at first, have resolved them...now with next and previous capability. Hopefully it helps someone :-)John Anoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-85769076526626636032012-03-05T15:46:43.651-08:002012-03-05T15:46:43.651-08:00Alright, I understand your need. I think I've ...Alright, I understand your need. I think I've got a basic idea of what you're looking for and I've forked the code to include such a method. I leave most of the implementation to you but take a look here:<br /><br /><a href="https://github.com/extremetrek/jQuery-Mobile-Carousel" rel="nofollow"> https://github.com/extremetrek/jQuery-Mobile-Carousel</a><br /><br />You can call the advance method by $(carouselId).carousel('advance'); Previous functionality is left as an exercise.John Anoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-82072743614745475802012-03-05T13:36:32.600-08:002012-03-05T13:36:32.600-08:00It's amazing, but truely it needs some buttons...It's amazing, but truely it needs some buttons. A bit more detailed: I'm talking about function that we could use like this:<br /><br />$('#back').click(function(){<br /> mycarousel.navigate(-1);<br />});<br /><br /><br />jQuery Simulate is a good workaround BUT it's too laggy for a perfect product. I don't want my users to have something lag if there is another way of animating it.<br /><br />tl;dr: Please provide some function to navigate (for example for buttons).Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-62005154307505321512012-03-02T14:25:57.459-08:002012-03-02T14:25:57.459-08:00Thanks for the great plugin!
To answer some ques...Thanks for the great plugin! <br /><br />To answer some questions about a next and previous button. The best way I've found to handle this is with jquery.simulate (https://github.com/jquery/jquery-ui/blob/master/tests/jquery.simulate.js).<br /><br />In your click handler just use:<br /><br />$(carouselId).simulate("drag", {<br /> dx: -70 || 0,<br /> dy: 0 || 0<br /> });<br /><br />Modify the dx and dy values as needed for your carousel.<br /><br />Hopefully this helps someone, this control has been of great use to me, thanks again!John Anoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-59173553732118799802012-03-02T01:54:52.793-08:002012-03-02T01:54:52.793-08:00Someone told me that in Android there's some p...Someone told me that in Android there's some problems during scrolling. Let me some time to verify... thanks.<br /><br />Francesco http://www.sitiegrafica.it<br /><a href="http://www.sitiegrafica.it" rel="nofollow">Follow me</a>Francescohttp://www.sitiegrafica.itnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-85390162899378640262012-03-01T11:00:08.760-08:002012-03-01T11:00:08.760-08:00Hi, using your code I've solved some problems:...Hi, using your code I've solved some problems:<br />1) With new JQM now you can scroll h/v without problems (thanks Anonymous)<br />2) Thanks to Dak to solve snap problems with new JQM<br />3) I've also added a bullets to complete the "sencha style"<br /><br />You can download new package here:<br />http://bit.ly/slider_sencha_style<br /><br />Or you can see it in action here:<br />http://bit.ly/xZoil5<br /><br />Thanks BlackDynamo!Francescohttp://www.sitiegrafica.itnoreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-39005122899468363592012-02-14T14:26:11.808-08:002012-02-14T14:26:11.808-08:00To get this working just change the two lines that...To get this working just change the two lines that look like the following:<br />coords: [ data.pageX, data.pageY ]<br />to<br />coords: [ event.originalEvent.clientX, event.originalEvent.clientY ]Dakhttps://www.blogger.com/profile/17409502299053672623noreply@blogger.comtag:blogger.com,1999:blog-3659385120213057457.post-78792616240788434212012-02-13T04:48:01.712-08:002012-02-13T04:48:01.712-08:00hii, great work.
but is there a way to make it wor...hii, great work.<br />but is there a way to make it work on the latest jquery library ?<br />thanksDanyhttps://www.blogger.com/profile/09597494116827375725noreply@blogger.com