Slider

  • MrMilos91

    (@mrmilos91)


    11 years, 2 months раније

    Koristim Evolve besplatnu temu za svoj blog. Ona je optimizovana za mobilne telefone i tablete, ali bi želeo da kada se ulazi sa telefona i tableta sklonim slajder. Radi efikasnijeg učitavanja. Zna li neko kako mogu da izvedem ovo?

Посматрање 7 одговора - 1 до 7 (од укупно 7)
  • Fivera

    (@fivera)

    11 years, 2 months раније

    znam ja 😀

    Koristeci CSS.

    Otprilike ide ovako..

    1. nadji selektor.
    2. u css fajlu dodaj ovo :

    @media only screen and (max-width: 1140px) {
#ovdeselektor{ display: none; }
}

    Ako i dalje nemozes da se snadjes javi se preko g+ da resimo 😉

    Thread Starter MrMilos91

    (@mrmilos91)

    11 years, 2 months раније

    Probao i neće. Stavio sam kod u slide_holder i poziva ga.

    pirossi

    (@pirossi)

    11 years, 1 months раније

    detekcijom user-agenta?

    evo primera za js:

    var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);

if(isMobile) {
   // User-Agent is IPhone, IPod, IPad, Android or BlackBerry
}

    mada ima i nekih php manjih biblioteka sa isMobile funkcijom.

    Thread Starter MrMilos91

    (@mrmilos91)

    11 years, 1 months раније

    Ne snalazim se nešto najbolje sa kodiranjem, kaži mi gde da stavim ovo? U header kao i prethodni kod ili?

    pirossi

    (@pirossi)

    11 years, 1 months раније

    js ide u <script> tagove ali sam mislio da si napredniji korisnik.
    u drugom slučaju moja prethodna poruka je beskorisna jer svakako treba jos malo koda umesto komentara // User-Agent is IPhone, IPod, IPad, Android or BlackBerry.

    Fivera

    (@fivera)

    11 years, 1 months раније

    Koristeci Media Queries mozes da iskontrolises prikaz i stil bilo kog elementa na bilo kojoj rezoluciji.

    Na prvom odgovoru sam ti napisao koji kod ce ti sakriti slajder. Ukoliko ga sakrijes on se nece ucitavati, vrlo prosto.

    nadji selektor ( glavni id ili klasu slajdera).

    Pretpostavimo da je to ID #slajder zbog primera.

    @media only screen and (max-width: 1140px) {
#slajder{ display: none; }
}

    Kod iznad prakticno znaci ovo: „ukoliko je rezolucija ekrana manja od 1140 piksela, ne prikazuj slajder„

    Naravno ti mozes da stavis koju god rezoluciju zelis.

    Ceo kod stavis lepo na kraju svog css-fajla ili u custom css ili pak ima tema koja ti dozvoljavaju da ubacis preko panela css i onda ga baci inline, mozes i celu pricu da ubacis u BILO KOJU STRANICU koristeci inline tehniku odnosno:

    <style>@media only screen and (max-width: 1140px) {
#slajder{ display: none; }
}</style>

    neznam kako dalje da ti pomognem, Ako ne uspes pusti link do sajta pa cu da ti posaljem kod zajedno sa selektorom.

    Takodje moze da se desi sledeca prica: da slajder vec ima podesene vrednosti za manje rezolucije od strane autora, odnosno, ako ima display:inline-block; ili nesto slicno onda display:none; nece da ti zavrsi posao, u tom slucaju dodaces display:none!important;

    To je cela filozofija. Naravno postoje jos neki nacini da se ovo sredi ali najprostiji je pred tobom 😀

    Thread Starter MrMilos91

    (@mrmilos91)

    11 years, 1 months раније

    Hvala. Pre par dana sam promenio temu, ali nebitno sada znam za ubuduće kako da rešim problem. Probao na drugoj tebi i radi. Hvala puno.

Посматрање 7 одговора - 1 до 7 (од укупно 7)
  • Тема „Slider„ је закључана за нове одговоре.