Question

Does anyone have suggestions how to do this?

I have an array in my view with the image URLs, like

Array
(
    [0] => http://i2.cdn.turner.com/cnn/2011/CRIME/06/18/florida.casey.anthony.trial/t1main.anthony.os.jpg
    [1] => http://i2.cdn.turner.com/cnn/2011/images/06/18/c1main.black.hole.nasa.cxc.jpg
    [2] => http://i2.cdn.turner.com/cnn/2011/LIVING/06/16/texas.veterans.legacy/tzvids.price.courtesy.jpg
    [3] => http://i2.cdn.turner.com/cnn/2011/LIVING/06/18/pet.road.trips.rs/tzvids.pet.road.trip.jpg
    [4] => http://i2.cdn.turner.com/cnn/2011/SHOWBIZ/06/17/photos.reynolds.auction/tzvids.monroe.dress.nca.jpg
    [5] => http://i2.cdn.turner.com/cnn/2011/images/06/18/tzvids.grill.cnn.jpg
)

I wonder if there is a jQuery plugin that would allow me to mimic FB’s functionality in which one can page through the thumbnails, and when submitting the currently active image is saved with the post.

Any suggestions — even a partial solution or roadmap — are greatly appreciated.

_

Answer 1

You should always take into account the fact that not all of your users may have JavaScript enabled. To accomodate those users, you should try and build your applications in a way that there is always some sort of HTML fallback there to serve the users who may have JS disabled or not available.

One approach with noscript fallback as well as the ability to send the data in a form:

http://jsfiddle.net/niklasvh/5cnxh/