A Supa-Long Panoramic Photo HTML Hack

Get Started | Login

Discussion Forums > WebViews and HTML for Mobile

Replies: 7 Views: 104

aquila198 buzztouch Evangelist Posts: 473 Reg: Jul 22, 2011 location unknow... 10,330	confirm \| cancel 05/22/12 05:19 PM (13 years ago) A Supa-Long Panoramic Photo HTML Hack Looking for the following: 1) Custom HTML screen 2) All it does is hold an image 3) Image Size: w=5000, h=250 Trick: NO VERTICAL scrolling, but crazy horizontal sliding going on... like wily coyote chasing road runner horizontal. Thoughts on the code? Title Comments Looking for the following: 1) Custom HTML screen 2) All it does is hold an image 3) Image Size: w=5000, h=250 Trick: NO VERTICAL scrolling, but crazy horizontal sliding going on... like wily coyote chasing road runner horizontal. Thoughts on the code?

Fred@mySkylla com Android Fan Posts: 5259 Reg: Oct 03, 2011 location unknow... 62,560	05/22/12 05:45 PM (13 years ago) Send image Fred Comments Send image Fred

aquila198 buzztouch Evangelist Posts: 473 Reg: Jul 22, 2011 location unknow... 10,330	05/22/12 06:18 PM (13 years ago) It's right here: http://pastehtml.com/view/byzd8ow27.html h=250 w=5000 note: I'm preparing this for iOS BT 1.5 Thanks Fred Comments It's right here: http://pastehtml.com/view/byzd8ow27.html h=250 w=5000 note: I'm preparing this for iOS BT 1.5 Thanks Fred

Paul Rogers Android Fan Posts: 2524 Reg: May 30, 2011 UK 35,740	05/22/12 06:46 PM (13 years ago) Try this: <img src="http://www.thevingle.com/horizontal.png" alt="http://www.thevingle.com/horizontal.png" style="cursor: -moz-zoom-out" height="95%"/> it works fine in a regular phone browser (no vertical scrolling, and crazy horizontal sliding going on), but haven't tried it in an app. Try changing the percentage to see what it looks like. If it works, you could probably have images far heigher than 250px and they would scale to fit. Comments Try this: <img src="http://www.thevingle.com/horizontal.png" alt="http://www.thevingle.com/horizontal.png" style="cursor: -moz-zoom-out" height="95%"/> it works fine in a regular phone browser (no vertical scrolling, and crazy horizontal sliding going on), but haven't tried it in an app. Try changing the percentage to see what it looks like. If it works, you could probably have images far heigher than 250px and they would scale to fit.

aquila198 buzztouch Evangelist Posts: 473 Reg: Jul 22, 2011 location unknow... 10,330	05/22/12 06:53 PM (13 years ago) My watermelon man from across the pond - thanks partner! Comments My watermelon man from across the pond - thanks partner!

Paul Rogers Android Fan Posts: 2524 Reg: May 30, 2011 UK 35,740	05/22/12 06:58 PM (13 years ago) hehe! No problem mate, let us know how it goes. Comments hehe! No problem mate, let us know how it goes.

aquila198 buzztouch Evangelist Posts: 473 Reg: Jul 22, 2011 location unknow... 10,330	05/24/12 11:43 AM (13 years ago) Verdict - that snippet of code you gave (above) AND changing the 'Prevent Scroll Bounce' to 'yes' - it's good to go... one image - supa long. Thanks Raveyd! Comments Verdict - that snippet of code you gave (above) AND changing the 'Prevent Scroll Bounce' to 'yes' - it's good to go... one image - supa long. Thanks Raveyd!

Paul Rogers Android Fan Posts: 2524 Reg: May 30, 2011 UK 35,740	05/24/12 12:04 PM (13 years ago) Brilliant news! Comments Brilliant news!

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.