...

View Full Version : jQuery Dynamically Read JQuery Image Slider???



Psionicsin
03-21-2011, 05:58 AM
Does anyone know of a JQuery image slider that NOT ONLY will change frame height and width to match the displayed photo, but that can ALSO look into a specified directory and read/display the contents inside of it?

I ask because every solution that I've found so far requires me to manually code by had the location of every image in an album and we have FAR too many images (that are changed frequently mind you) to be coding directories by hand.

So does one exist? Can it exist?

venegal
03-21-2011, 06:09 AM
It can't exist, because Javascript can't see the contents of a server directory.

It's pretty easy to read in the filenames with PHP, though, which can easily pass that data to your Javascript, either directly when creating the HTML page, or afterwards using AJAX, so there's definitely no need to manage those files manually.

Psionicsin
03-21-2011, 03:28 PM
It can't exist, because Javascript can't see the contents of a server directory.

It's pretty easy to read in the filenames with PHP, though, which can easily pass that data to your Javascript, either directly when creating the HTML page, or afterwards using AJAX, so there's definitely no need to manage those files manually.

Alright. Does some for of this exist in a product of plugin already out?

Currently we're using SlideShow Pro, but we'd like to get away from Flash. So we were looking for an alternative (not Silverlight) that has the same functionality as far as images being uploaded in. Then being able to be sorted by name, date, or manually via drag and drop. In addition, though not terribly important, it would be coo if when the image was displayed that the frame changed with the dimensions of the image.

Psionicsin
03-21-2011, 03:36 PM
And, by the way, I'm fully aware that SlideShow Pro uses an underlying MySQL database to read image locations and all of that mess. So if there's ANYTHING like it anywhere, but not Flash or Silverlight based, that'd be awesome.

Psionicsin
03-21-2011, 07:50 PM
I'm needing something like this:

• Manual creation of Galleries, and Albums for the Galleries.
• Pull-down menu for selection of Gallery, and then Album within that Gallery for upload.
• Click browse button to select image(s)
• Image(s) are upload via a PHP page with JQuery effects for progress and such.
• Dynamic CMS back-end for organizing, arranging, and deleting images (JQuery and MySQL???).
• file name, extension, date uploaded, and location stored in a MySQL DB.
• MySQL DB affected by actions in taken in back-end CMS editor.

After this is done, display of images on the website will be handled similar to SlideShow Pro's interface as follows:

http://www.rutholsonphoto.com/rop-build/interface_albums.jpg

http://www.rutholsonphoto.com/rop-build/interface_gallery.jpg

Does something like this, or close to this exist?

venegal
03-21-2011, 09:13 PM
I tend to write my code myself, so I don't know of any premade solutions.

So, I'm afraid I can only help you if you decide to implement that functionality yourself an run into any specific problems.

Btw, for multiple file upload from a single browse window, you will always need a flash component.

Psionicsin
03-21-2011, 09:30 PM
I tend to write my code myself, so I don't know of any premade solutions.

So, I'm afraid I can only help you if you decide to implement that functionality yourself an run into any specific problems.

Btw, for multiple file upload from a single browse window, you will always need a flash component.

So, from what I gather, I should use a flash based back-end CMS to feed the server and DB? If I do that, can I still display the results using no flash on the website itself?

venegal
03-22-2011, 12:20 AM
"Flash based back-end CMS" sounds a bit strange; your backend will probably be PHP, which doesn't care what client side technology the data comes from. And of course you can use Javascript (and no Flash) for the actual gallery thing. You only need some small flash component for the actual image uploading, because a standard browser file input won't let you select multiple files from one browse window.

Psionicsin
03-22-2011, 01:18 AM
"Flash based back-end CMS" sounds a bit strange; your backend will probably be PHP, which doesn't care what client side technology the data comes from. And of course you can use Javascript (and no Flash) for the actual gallery thing. You only need some small flash component for the actual image uploading, because a standard browser file input won't let you select multiple files from one browse window.

Haha when I say that, I'm referring to we who control the site on the back-end/server side. The uploading page will not be something that they can see at all. All they'll see is the gallery/album portion. Hope that clears it up lol.

But as far as the uploading portion, although I make only the image uploader Flash...I'd then have to be doing some heavy code mixing to make sure the values form flash and php values enter correctly together won't I?

Or is it that, to communicate with MySQL that Flash has to pass through php first?

venegal
03-22-2011, 02:07 AM
Or is it that, to communicate with MySQL that Flash has to pass through php first?

Yes. All a client side script can do (regardless of whether it's Flash or Javascript) to communicate with anything on the server side is make a HTTP request, which will then be handled by PHP. So, you just set up your PHP to handle those requests and talk to the database, without regard to what client side technology is actually used.

Abitha
12-19-2011, 07:07 AM
I have some across many jquery scripts where you can set the width and height only manually for each and every image. Found so many scripts of this kind in hscripts. I doubt is there any script that can adjust automatically.

May be this link would help you http://joomquery.com/upload/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum