Where to start to create image gallery?
Forgive me for not being prepared and for fumbling. Hoping for some direction quidance or just what to search for (tried "mobile device image galleries").
I'm not aiming to design FOR mobile devices, but just trying to get regular Web site image galleries to be fluid enough to view on small mobile-device view port (see http://www.josephdenaro.com/bw/index.html -- just using CSS percentages).
"Nice article" (http://coding.smashingmagazine.com/2...ve-web-design/) was helpful and one covering PHOTOSWIPE http://www.netmagazine.com/tutorials...mobile-website. Is PhotoSwipe the way to go?
When the above BW page (which uses onMouseOver) was viewed in Adobe Mobile Device, clicking the thumbnails displayed large images.
Last edited by auntnini; 04-03-2012 at 05:44 PM.
You can just modify the cmouse click event handler to swap the full size image and get the same result as the mouseover. So basically the onMouseOver and onClick could be handled by the same function that way your page should behave the same for pointing devices and finger gestures.
Thanks for your response. But I have no idea how to do that. Can you point me to some instructions and/or what phrase to search for?
Originally Posted by holyhttp
My next (or maybe should have been first) question is: "how does one code for mobile device "gestures" and navigation? How about keyboard codes?
By "cmouse," do you mean mouse cursor? If so, would that be onClick event handler?
There is no cmouse click event. The c is just a typo. So that would be the onClick event handler.
Originally Posted by auntnini
Yeah, you are right!
Testing on Dreamweaver's Mobile Device simulator looked OK. But when tested on a real cell phone it was a disaster -- just as you pointed out.
FREE DotEasy hosting for the sites does not include server-side scripting so no PHP.
Thought I'd give CSS3 media queries another go.
You can indeed use PHP includes on the server:
require_once('path to your file');
If you need to display images on mobile devices, you will have to create smaller versions of those images specifically for smartphones. For instance thumbnails of about 80x80px and full size images of around 600px width.
http://www.doteasy.com/ DotEasy has an "Unlimited Hosting" plan at $3.98/month that includes "Unlimited MySQL and PHP," but the sites referenced are using FREE hosting that does not offer any server-side PHP.
Any leads to resources and demos (what to search for?) would be great.
I just assume that smartphones support HTML v4 and CSS v2, (and animated GIFs), and I code for that. I have found that new sites can be made "mobile friendly", by automatically adjusting for screen widths between 320px and 960px just using CSS float and clear.
Originally Posted by auntnini
If smartphones do not support at least that then, as far as I am concerned, they are not fit for purpose
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)