Response title
This is preview!
Move this topic
sliding functionality for iphone website using jquery mobile
in jQuery Mobile
•
3 months ago
i am planning to implement the same site for mobile.... with left half of the website visible in the home screen and another half visible after sliding the first half of the website... here there are two columns under class span5.... is this possible to achieve in jquery mobile phones...... i achieved it in desktop.....
1
Replies(5)
Easy way to find out is to try it! ;)
No idea what you are trying to accomplish, though, since you description is so vague.
It does different things in Firefox and Safari, and neither seem to match your description. In Safari the cubes rotate, in Firefox they don't.
have no idea what you mean by sliding left/right. There's no sliding, just 16 squares and then underneath that 11 more squares offset 1/2 box to the left underneath that.
No idea what you are trying to accomplish, though, since you description is so vague.
It does different things in Firefox and Safari, and neither seem to match your description. In Safari the cubes rotate, in Firefox they don't.
have no idea what you mean by sliding left/right. There's no sliding, just 16 squares and then underneath that 11 more squares offset 1/2 box to the left underneath that.
Leave a comment on watusiware's reply
i wanted to slide this divs
<div class="span5" style="margin-left: 97px; width: 493px;">
<div class="melonhtml5_gallery">
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/admin.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/shipLogistic.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/accReceivable.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/custRMA.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/production.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/CRM.png"></div>
</div>
</div>
<div class="span5" style="margin-left: 65px; width: 493px;">
<div class="melonhtml5_gallery">
<div data-caption="" data-image="http://www.defie.co/designerImages/png/accPayable.png"></div>
<div data-caption="" data-image="http://www.defie.co/designerImages/png/vendorRMA.png"></div>
<div data-caption="" data-image="/images/cubes/TBU4.png"></div>
<div data-caption="" data-image="/images/cubes/TBU5.png"></div>
<div data-caption="" data-image="/images/cubes/TBU5.png"></div>
<div data-caption="" data-image="/images/cubes/TBU5.png"></div>
<div data-caption="" data-image="/images/cubes/TBU5.png"></div>
</div>
Leave a comment on raj.js's reply
Short answer, yes but probably not without modifications. You can't just slap in the JMQ CSS and JS and expect a site to magically start working on mobile devices. I am sure you can probably make it work, you might not be able to have the rotating cubes or something like that but you should just try it. I don't think anyone here wants to try to make your site mobile to answer your yes or no questions.
Good luck!
Leave a comment on haga0054's reply
thanks for your reply
do u know any slider example for two different divs so that i can use it
I don't know what you mean. Please be more specific. Do you mean something like this?
If so it will be supported in the next version of JQM. If not I don't know.
Leave a comment on raj.js's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to raj.js's question
Statistics
- 5 Replies
- 221 Views
- 0 Followers
