Autor Zpráva
Hajaxa
Profil
Zdravím,
Používám jQuery UI carousel (https://github.com/richardscarrott/jquery-ui-carousel).

Ten bohužel nenabízí možnost změny stylů Výchozí je tam rs-carousel a nelze měnit. Vzhledem k tomu, že budu používat tento plugin vícekrát na stránce, potřebuji možnost custumizace pro každý styl zvlášť.

Našel jsem docela rychlé řešení v selektorech které jdou změnit.

runner: '> ul'

Potřebuji k němu přidat něco na bázi: .css("border", "3px double red")

Bohužel bez úspěchu.

Budu rád za každou radu.
Str4wberry
Profil
Že se tak ptám, proč neupravujete styly přímo v CSS?
Hajaxa
Profil
Str4wberry:
Na stránce budu mít tento plugin hned několikrát. Pro každý potřebuji nastavit unikátní velikost, kterou budu ukládat do selektoru ul.

Problém je v tom, že jQuery UI carousel nabízí pouze jeden ul selektor, který platí na vše.

Zatím jediné řešení vidím zde:
runner: '> ul'

Potřebuji k němu přidat něco na bázi: .css("border", "3px double red")

Zkouším všechno, ale vždy přestane plugin fungovat.
Str4wberry
Profil
Znovu. Pokud chcete něčemu přidat CSS pravidlo, proč to nedáte přímo do CSS?
Hajaxa
Profil
Str4wberry:
V tomto případě nelze.

Aktuální situace je taková, že mám u pěti boxů s tímto pluginem stejné CSS.

jQuery UI carousel nenabízí možnost si zvolit u každého boxu název CSS třídy. Ten má pevně daný, já s tím nic nemohu dělat.

Proto zde uvádím možnost změny selektoru.

Stačí mi, kdyby někdo věděl, jak k tomuto selektoru přidat CSS vlastnosti.
Zde je script:

 <script>
                    $(document).ready(function () {
                        $('.rs-carousel').carousel({
 
                            runner: '> ul' //Toto k tomu potřebuji přidat:  .css("border", "3px double red")
                        });
                    });
                    </script

Toto k tomu potřebuji přidat:
.css("border", "3px double red")
Jan Tvrdík
Profil
Hajaxa:
jQuery UI carousel nenabízí možnost si zvolit u každého boxu název CSS třídy
Nic ti nebrání obalit box vlastním <div>em a tomu nastavit vlastní třídu.


V tomhle konkrétním případě by mělo stačit upravit <div class="rs-carousel"> na <div class="rs-carousel vlastni-trida">
Hajaxa
Profil
Jan Tvrdík:
Ne, ne, to nemyslim.


Bohuzel, zkousim, co se da, stale bez uspechu.
 runner: '> ul' //Toto k tomu potřebuji přidat:  .css("border", "3px double red") 
Jan Tvrdík
Profil
Hajaxa:
Ne, ne, to nemyslim.
Ale já to myslím! :) Pořád mi není jasné, proč nemůžeš napsat
.vlastni-trida ul {
    border: 3px double red;
}

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: