How to set different values for each slot (one list for each slot)? about jquery-jslots HOT 1 CLOSED

Hello,

Some other people have asked that same thing on http://matthewlein.com/experiments/slots.html

I can imagine 2 scenarios that might want to do this, and I'm not sure which applies to you:

• Multiple slots that have cosmetic differences. Meaning the slots have the same number of items, same dimensions, they just have different images/colors/numbers/fonts. AKA How can I style the slots differently?

It should be possible, but a little outside the planned design. I would suggest after the .jSlots() is run, you loop through the slots and add unique classes, like jslot--1, slot--2, or slot--even slot--odd. Or alternatively, you could use CSS :n-th child to target different slots.
I should warn you that if your classes change the dimensions of slot items, it may not work right as those values have been calculated already.

• Multiple slots that have different numbers of items or dimensions.

The script by default will just copy a single UL to make the slots. I suppose it might be possible to create multiple ULs and .jSlot() them separately, but with the same timing numbers, and set them all to trigger on the same event. I haven't tried it, but in my mind that would work. However, then you would have to set up your own system to make them talk to each other and coordinate wins, like the script does now. Certainly seems doable though.

from jquery-jslots.