I have built a website using php and simple HTML/CSS for a client. In its simplest form : The website allows users to upload pictures and view them in a virtual art gallery. Basically I just placed images against a background image that looks like a art gallery wall.
The client wants a 3d website now, where the user can "walk through rooms and view pictures on walls, etc."
I'm wondering what's the best way to create a 3d environment that will allow me to use php to dynamically change the layout of the walls. I have been thinking of using html5 canvas.
I'm open to pretty much anything. Thanks!
You can try WebGL, Adobe Flash/Flex, Silverlight or Java applets for that.
For all approaches, you likely will have a "loader program" (or "engine") which then fetches the room description via RPC from your PHP-based backend, along with image URI and other stuff you need. This way, there is no need to change your program again just for updating the rooms or images.
Related
I currently use the YouTube API to allow website users to upload their videos through the site straight to our YouTube channel (adding META data etc) at the time of upload.
Ideally we would like to dynamically add some sort of title, watermark, opening screen or an image to the beginning and / or the end of the video. Essentially we just need any method of adding something to the video which adds some form of branding to it (even if just a plain company name at the bottom).
The uploads are from internal users (i.e. secure and trusted) and there is not an excessive amount so I would be happy to upload to our server first (instead of straight to YouTube), manipulate the video then upload to YouTube.
The site runs PHP on a dedicated Linux / Apache server setup.
Any suggestions greatly appreciated
Thanks
Here's a really quick and easy one: Invideo Programming. Invideo Programming lets you add a small logo to a corner of the video, or promote another video in a different corner, or both.
You can add this to the API via the Channels resource as as invideoPromotion attribute. We recently did a show on Google Developers Live explaining how to configure this on both the web UI as well as in the API. Check it out - I think this'll do what you need.
I'm looking to build a javascript/jquery gallery that meets the criteria below, and would love to know if there are any existing gallery modules that have all/most of these features:
1. Photo wall with zoom (single view) functionality. eg. http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/
2. Responsive, so that the photo wall images tile properly for desktop & mobile devices, and reshuffle if the user resizes their browser. eg. http://isotope.metafizzy.co/
3. (optional but desirable). If a user is on a mobile device, allow them to swipe through single-view images.
In a nutshell. A user will go to the thumbnail wall, select an image, and can then either swipe through more enlarged photos, or switch back to the wall.
The photos will be sourced from a folder on the server. Moderators are simply camera girls, who will upload images from their digital cameras to this folder via ftp - They wont resize / optimise the images, so it would be great if this could happen in the process somewhere too.
We are hosting on a PHP / Linux environment.
Have a look at jQuery Mason: http://masonry.desandro.com/
It can be used as a responsive wall.
What your asking for is not called 'zoom' (that is another effect), you seem to what what is called a lightbox. There are a lot of these, here is a comparison, http://planetozh.com/projects/lightbox-clones/
To re-size images your going to have to write some php to make use of image GD or imagemagick, here is a tutorial, http://net.tutsplus.com/tutorials/php/image-resizing-made-easy-with-php/ or possibly a script, http://shiftingpixel.com/2008/03/03/smart-image-resizer/ (or timthumb.php).
For serving them your going to have to write some php with your javascript.
There is no all in one solution for what you asking for, you're going to have to write it or hire someone to do so.
As far as I know you have to create a plugin or write you own jquery functions for getting all customized features.(that will be very good in sense of performance and maintenance)
for zooming functionality you can use some of the modal windows with ajax call or you can create.
to achieve this you have to write good css so that your photo aligned according to screen.reshuffle will be handled if you write good css.
yes you can achieve this by detecting the browser navigator and changing the css and javascript accordingly.
For pre processing images(re sizing,dynamically generating thumbanails) you can opt for php backend solutions.
And no worries you can handle images from folder via Ajax and show them as they requires.
My app is posting to users' Facebook walls, and linking to a page they have created. The page is in html. I'd like to be able to put a thumbnail of the page as the image on the wall post. I'm not sure whether this is possible or not. Anyone have any ideas?
If it helps, the page itself is stored as a series of 'elements'... for each one, I know the size and position of the element, and the content (which may be text or an image). So I can pull all that in from the database.
I guess it would be sufficient to create a thumbnail using php at the point when the user clicks 'Publish This to my wall', if that's easier than doing it on the fly - I can save the image and then link to it.
Any ideas?
I create thumbnails for my site using CutyCapt, which works very well indeed on both Windows and Linux. You can use exec to invoke this from php.
There are also web services that allow you a quota of free thumbnail snapshots, that are easy to integrate into your website. e.g.
http://www.websnapr.com/
or
http://webthumb.bluga.net/home
I figured out how to do this. I used the PHP gd library, which allows you to create a base image and then add images and text. Works pretty well.
I have a user that wants to be able to upload photo's to his website, and then be able to choose which album he wants them to appear in. I already have the albums hard coded on the site, but he wants the ability to add more.
Does anyone know of a script or cms or something that this can easily and cheaply be implemented or am I going to have to develop all of this from scratch?
Gallery 2 is my go-to. It's powering several large website's galleries around the web.
If you're very picky (as several of my clients have been) you can query image information out of the DB and build your own front-end. I've done several photographer's websites this way. There is even a desktop upload tool that can be downloaded if desired.
There is no cost at all.
This seems to be the cheapest and most complete solution I found. Slick Gallery
This one also seems like it would work well
PhotoCMS
For Image management I have used and recommend http://coppermine-gallery.net/
I am about to start implementing an online web store for a client. The web store will be constantly receiving new products that will be added into the store's online web catalogue.
My current code design for adding items is a web form where an admin would enter in the name, description, and images of the product. Each item comes with multiple images both in thumbnail, high resolution, and sometimes 3D rotation (sequence of images).
My main concern with the web form is the uploading of many high resolution images. Waiting for the upload every time the admin submits a new item really makes it a slow process to add a bunch of new items into the catalogue. Is there a better way to build this system other than having a web form? Maybe something like an offline system that the admins can just "sync" to the online version. I don't mind learning something new and coding it myself, but also if there's something on the market already available to buy with similar features I'm all ears.
More info:
I will be the primary developer of this system and I'm only a novice in PHP, Ajax, jQuery, and AS3. The current website and system is authored in PHP with mySQL.
You can allow the editors to input images as zip files, and a progress bar would be good. You can have an inline upload that just happens when the images are selected, instead of uploading after the form post so that the editors do not feel the waiting effect.