[jonathan.volpi]

Hi, sorry for my bad English!

How can I create left/right scroll or a swipe for image gallery?
I’ve read some posts on the forum but no result ….

Thanks for the help,
Jonathan

[Max87]

Try mobiscroll, it works very well for transition between screens, I think it can be used for gallery too.

[jonathan.volpi]

Thanks for your help,

but how can I create a orizontal scroll?
mobiscrol is not only vertical scroll?

Thanks,
Jonathan

[Max87]

I’m very sorry, the plugin is not Mobiscroll but swipeview(http://cubiq.org/swipeview)
Mobiscroll is used to customize input fields(for date/time input f.e)

[jonathan.volpi]

I’ve tried this script but it does not work very well or I have not been able to use it … Could you give me an example of use?

thank you,
Jonathan

[Yann]

Hi Jonathan
inside zip an example of swipe
don’t forget to add in your html file this code

<div id="wrapper"></div>
  <ul id="nav">
    <li id="prev" onclick="gallery.prev()">-</li>
    <li class="selected" onclick="gallery.goToPage(0)"></li>
    <li onclick="gallery.goToPage(1)"></li>
    <li onclick="gallery.goToPage(2)"></li>
    <li onclick="gallery.goToPage(3)"></li>
    <li onclick="gallery.goToPage(4)"></li>
    <li onclick="gallery.goToPage(5)"></li>
    <li id="next" onclick="gallery.next()">+</li>
  </ul>

Yann

Attachments:

You must be logged in to view attached files.

[jonathan.volpi]

Thanks Yann and Max87,

Great!!! I was able to create the swipe.

Thanks again for your help!!

Jonathan

[Yann]

You’re welcome
😉
Yann

[fcodonlucas]

hi Yann… Im new on mobione… can you help me… I need this swipe for my project I have…. I see your test but I dont know how to chance my images…. do you make another example for more easy… thanks…

sorry for my bad english too… 🙁

PS:Hi Jonathan
inside zip an example of swipe
don’t forget to add in your html file this code
<div id=”wrapper”></div>
<ul id=”nav”>
<li id=”prev” onclick=”gallery.prev()”>-</li>
<li class=”selected” onclick=”gallery.goToPage(0)”></li>
<li onclick=”gallery.goToPage(1)”></li>
<li onclick=”gallery.goToPage(2)”></li>
<li onclick=”gallery.goToPage(3)”></li>
<li onclick=”gallery.goToPage(4)”></li>
<li onclick=”gallery.goToPage(5)”></li>
<li id=”next” onclick=”gallery.next()”>+</li>
</ul>

where I put this code….

[fcodonlucas]

another question.. yann… how can put my images… please help me…

[Yann]

Hi fcodonlucas
to change, add images you need to edit image.js file in www folder.
Don’t forget to link your project with image.js and swipeview.js
See attachment Capture.PNG
glad to help you,
my English is not great either 😉

Attachments:

You must be logged in to view attached files.

[fcodonlucas]

thanks yann…. for your help…for this option my app can I make a native app? and another question, how put a ta bar, and I want put html widget for my customs banners? this is the link for custom banners

http://www.genuitec.com/support-genuitec/viewtopic.php?f=14&t=4942&hilit=banners

I hope you can help me Yann, I want put theses together for my project developed

[Yann]

Yes fcodonlucas this slide run as well in native app.
i don’t understand, you want slide custom banner?
you can resize panel1 widget an change size of photo in image.js
Yann

[fcodonlucas]

hi yann…. yes i resize the panel1…do not want my slides are the banners, I have to put html widget to get work my banners, but when I put a toolbar on the top and send to test center… its not showing the toolbar only the swipe images… why???

can you make a example with a swipe gallery and toolbar on the top…. pleaseeee… help?

🙁 Im new on mobione…

[Yann]

Hi
Can you post a simple demo as you want?
Yann

[Author]

Posts