logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Jak stworzyć banner rotator z tekstem i nawigacją w CSS/JQuery?

pralkalol 09 Cze 2014 20:23 1857 5
REKLAMA
  • #1 13693132
    pralkalol
    Poziom 10  
    Posty: 69
    Ocena: 4
    Witam, chciałbym umieścić na swojej stronie ruchomy banner zmieniający się po jakimś czasie lub po kliknięciu w jakiś obiekt. Chodzi o coś takiego jak np. na tej stronie - http://www.top-gym.pl/
    Na dole są 4 kropki, w które można kliknąć, z tym że ja chciałbym te "kropki" umieścić na obszarze samego bannera. I dodatkowo chciałbym, aby razem z obrazkiem zmieniał się tekst na tym obszarze (normalny tekst wpisany gdzieś w dokumencie, nie element gotowej grafiki). CSS znam dość dobrze, natomiast z JQuery nigdy nie miałem kontaktu i nie wiem jak się za to zabrać. Będę wdzięczny za naprowadzenie mnie lub jakąś instrukcję.
  • REKLAMA
  • Pomocny post
    #2 13693646
    Konto nie istnieje
    Poziom 1  
  • REKLAMA
  • Pomocny post
    #3 13693701
    dekRe
    Poziom 16  
    Posty: 205
    Pomógł: 12
    Ocena: 18
    pralkalol napisał:
    Chodzi o coś takiego jak np. na tej stronie - http://www.top-gym.pl/
    Na dole są 4 kropki, w które można kliknąć, z tym że ja chciałbym te "kropki" umieścić na obszarze samego bannera. I dodatkowo chciałbym, aby razem z obrazkiem zmieniał się tekst na tym obszarze (normalny tekst wpisany gdzieś w dokumencie, nie element gotowej grafiki).


    To co jest pokazane jako przykład, jest to efekt zastosowania dodatku spotykanego do CMS Joomla czy Wordpress, lub innych - do kupienia na:
    http://dev7studios.com/plugins/nivo-slider/

    Po zakupie musisz do swojego CMS'a taki dodatek wgrać, aktywować, do wskazanego w dokumentacji folderu wgrać swoje pliki grafik - i w szablonie strony umieścić wywołanie tego dodatku.

    Gdy chcesz dokonać czegoś podobnego ze swoimi modyfikacjami - wymagany jest już pewien poziom umiejętności programowania.
  • REKLAMA
  • #4 13694720
    pralkalol
    Poziom 10  
    Posty: 69
    Ocena: 4
    A jakiej wersji jQuery najlepiej używać? Bo np. najnowszy Nivo Slider wymaga wersji 1.7+, natomiast wersje 2.x nie są kompatybilne z IE 6, 7 i 8. I czy lepiej jest pobrać kod i umieścić go na swoim serwerze, czy podlinkować np. do Google?
  • REKLAMA
  • Pomocny post
    #5 13694837
    Konto nie istnieje
    Poziom 1  
  • #6 13699389
    pralkalol
    Poziom 10  
    Posty: 69
    Ocena: 4
    Dziękuję bardzo za pomoc. Poradziłem sobie z Nivo Sliderem i skonfigurowałem go do własnych potrzeb.
REKLAMA