saurabh
/
orbit-basic
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated with Mobile UI working

This commit is contained in:
saurabhbhatia 2013-11-19 11:33:19 +08:00
parent 82ffc7c3fd
commit 44c93c2dde
4 changed files with 9283 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/mobile.js
View File

@ -4,7 +4,7 @@
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//
//= require jquery
//= require mobile/jquery-1.7.1
//= require lib/jquery.preload.min.js
//= require cycle2
//= require mobile/jquery.mu.image.resize

9266
app/assets/javascripts/mobile/jquery-1.7.1.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

16
app/assets/javascripts/mobile/orbit.mobile.js.erb
View File

@ -24,10 +24,10 @@ $('#index').live('pageinit',function(){
});
$(".slideImg").muImageResize({width: $globalW, height: Math.floor($globalW/720*240)});
$(this).find(".newpic img").muImageResize({width: 280, height: 200});
$('.slideshow').cycle({
fx: $effect,
timeout: $timeout
});
// $('.slideshow').cycle({
// fx: $effect,
// timeout: $timeout
// });
$(".newlist").css({
"width" : $(".newitem").outerWidth()*(Math.floor($globalW/$(".newitem").outerWidth()))+30,
})
@ -113,10 +113,10 @@ $(window).bind("orientationchange", function(){
});
$(".slideImg").muImageResize({width: $globalW, height: Math.floor($globalW/720*240)});
$('.slideshow').cycle({
fx: $effect,
timeout: $timeout
});
// $('.slideshow').cycle({
// fx: $effect,
// timeout: $timeout
// });
$(".newlist").css({
"width" : $(".newitem").outerWidth()*(Math.floor($globalW/$(".newitem").outerWidth()))+30,

9
app/assets/stylesheets/mobile/orbit-mobile.css.erb.css
View File

@ -171,12 +171,19 @@ div[data-role="page"] {
float: left;
width: 280px;
min-height: 490px;
max-height: 490px;
/*max-height: 490px;*/
background-color: #FFFFFF;
padding: 10px;
margin: 0 10px 10px 0;
box-shadow: 0px 3px 5px rgba(0,0,0,.1);
}
.content .orbit-cycle-slideshow {
height: 300px;
}
.content .orbit-cycle-slideshow img {
width: 100%;
height: auto;
}
#index .content .newpic {
width: 280px;
height: 200px;