i have those classes:
.slider
.sliderlogo
and i have those pieces of codes:
var sc=$(".slider img").size();
$(".slider #"+count).show("slide",{direction:'right'},500);
$(".slider #"+count).delay(5500).hide("slide",{direction:'left'},500);
what's the right way to add the other "slidelogo" class to the JS so it will run on the other class as well?
generaly its like:
(".slider #1,.sliderlogo #1")
bit its not working for the above code lines. thanks in advance.
It looks like you might have issues with your markup, as IDs must be unique on the document and cannot begin with a number. If you must use the Ids, try building them as something like 'slider' + count and 'sliderLogo' + count. so that each is unique.
The ID should be unique in the entire document, so i recommend you to use classes instead, something like .item-1, .item-2 and then change the code to:
var sc=$(".slider img").size();
var selector = ".slider .item-" + count + ", .sliderlogo .item-" + count;
$(selector).show("slide",{direction:'right'},500);
$(selector).delay(5500).hide("slide",{direction:'left'},500);
As David says, the id must be unique, so try changing them to
.slider #slider1
and
.sliderlogo #sliderlogo1
etc.
then use:
(".slider #slider"+count+",.sliderlogo #sliderlogo"+count)
