15 Responses to “Introducing jQuery Blinds”

1. Brad Ney says:

   March 10, 2010 at 2:14 am

   Not bad! Simple and effective
2. Vassilis says:

   March 10, 2010 at 2:26 am

   Thanks Brad. I’m glad you liked it.
3. andresgutgon says:

   March 16, 2010 at 2:29 pm

   Unobtrusive?

   No if i disabled javascriptthe original imgs are displayed. No css sprite generation. Is not ununtrusive
4. Paul Calico says:

   March 20, 2010 at 6:00 am

   Hi. Thanks for the great slideshow. Is there a way to change the parameters so the blinds go left-to-right. Can I set them to change a little slower.

   Thank you.
5. Vassilis says:

   March 20, 2010 at 10:31 pm

   Hi Paul,

   Thanks for your comment.
   These are the parameters you can set for the script.

   
$('.slideshow').blinds({
h_res: 10,
v_res: 1,
tile_orchestration: function (x, y, total_x, total_y) {
return x*100;
}
});


   h_res: number of tiles horizontally
   v_res: number of tiles vertically
   tile_orchestration: function that returns how much time will x,y tile take to fade (if you want it slower just set a larger multiplier).
6. Vassilis says:

   March 20, 2010 at 10:40 pm

   Hello Andres,

   I think you misunderstood the plugin’s purpose.
   This is a slideshow plugin, meaning that you provide some images and it displays them as a slideshow.

   CSS sprites are used to cut the images into parts and do the animation that it does.

   Without javascript it cant do any of the above, so your browser just renders your HTML as it is.

   Thanks for trying out the plugin.
7. John says:

   April 18, 2010 at 12:54 am

   How do you setup multiple instances on the same page? I can’t seem to create separate arrays, and the images keep overwriting.

   Thanks for the great plugin!
8. ShinKaiZen says:

   August 6, 2010 at 4:26 pm

   Is there a way to make this blinds transition play automatically? I want to put a timer for each pictures let’s say… around 2 seconds (2000).
9. Vassilis says:

   August 9, 2010 at 6:46 pm

   @ShinKaiZen

   You could do that if you set your own timer and counter, but it is a bit complicated.

   I’ll be posting a new release when I make time for this and this feature will be included in it.
10. Banago says:

    October 10, 2010 at 11:58 am

    Great piece of script – I’m using it a project.
11. Ben says:

    December 4, 2010 at 3:39 pm

    Great Thanks. However, whenever I click a new image, the screen goes back to the top as if it were going to an anchor. I have to scroll back down to the slideshow. Any idea?
12. Vassilis says:

    December 4, 2010 at 3:46 pm

    @Ben

    Thanks for using the script.

    Just add return false to your links.

    onclick="$('.slideshow').blinds_change(3); return false">
13. Ben says:

    December 5, 2010 at 12:16 pm

    Doh! Thanks Vassilis. Did the trick. Good luck with this, the best lightweight slideshow I’ve used yet.
14. Manh says:

    December 16, 2010 at 9:55 am

    Pleaz, tell me how to set it play automatically, i love this transition Plz :-s
15. Chung says:

    January 18, 2011 at 5:19 am

    Hi Vassilis,

    Thanks for this great script.

    I was just wondering if it’s possible to set an active state for the numbered links?

    Many Thanks