Jump to content

Photo
* * * * * 1 votes

Pomoc w złożeniu slidera

Rozpoczął proboszcz, Jul 31 2014 22:04

Best Answer proboszcz, 07 August 2014 - 22:40

Temat do zamknięcia. Zastosowałem inny slider, i udało się. 

Go to the full post


5 replies to this topic
  • Please log in to reply
proboszcz

    Użytkownik

  • 84 posts
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Posted 31 July 2014 - 22:04

#1

Nie jestem jeszcze biegłym webmasterem więc proszę o pomoc was zaawansowani użytkownicy o pomoc. 
Znalazłem sobie slider, pasujący do mojej strony (portfolio), który jest wykonany w html5/css. 
Link do slidera http://webdeveloperp...ing-jquery-ui/ 

Problem polega na tym, że nie wiem od czego zacząć, gdzie jaki kod wkleić. Jest tutaj osobą która mogła by mi pomóc, mam również taki sam problem z galerią zdjęć po prostu nie mam pojęcia jak za to się zabrać a kombinowałem na wszystkie sposoby które mi wpadły do głowy. 
Są tam podane wszystkie kody do utworzenia tego slidera, mogę podać screen jak wygląda moja biblioteka plików. Nie patrzcie na zaznaczenia, to było do innego problemu. 

Attached File  4.jpg   37.92KB   5 downloads


Czekam na jakaś sensowną odpowiedź, która wyjaśni mi gdzie i jakie pliki mam utworzyć i co gdzie wkleić. 

 


  • 0
Zimistrz

    Stary wyjadacz

  • 465 posts
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Posted 01 August 2014 - 13:33

#2
Zaglądnij najpierw w kod index.html w tej paczce, bowiem zawiera wszystko co musisz osadzić w kodzie swojego szablonu.
Najpierw dorzucasz biblioteki jquery i jquery-ui, jeśli jeszcze ich nie zaimplementowałeś, oraz wtyczkęs slideshow: jquery-ui-tabs-rotate.js. Najprościej będzie to zrobić jak w demie, czyli w sekcji <head>
 
Sprawa ostylowania (dołączony arkusz) jest jasna i chyba nie wymaga komentarza ?
 
Struktura slajdów oparta jest na liście odpowiednimi klasami i tagami zawierającymi nagłówki miniatur
Jeden z nich:
 
 
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
 
Nazwy klas w oczywisty sposób wskazują co jest czym.
 
Pozostaje wywołanie całego tego ambarasu poprzez:
 
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
</script>
 
#featured to kontener zawierający listę ul ze slajdami.
 
 
PS. od siebie dodam żebyś szukał za czymś lżejszym, nie wymagającym jQuery UI, które waży 250kilo.

edyp: code nie quote -_-

Edited by Zimistrz, 01 August 2014 - 13:34 .

  • 1
proboszcz

    Użytkownik

  • 84 posts
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Posted 01 August 2014 - 17:19

#3
Dzieki za odpowiedz, dzis wieczorem sprobuje jakos to poukladac w calosc. A jakie slidery polecasz moze znasz jakies latwiejsze z ktorymi poczatkujacy by sobie poradzil. Moja strona opiera sie na html5 i css3. Czasami juz nie wiem jak istalowac te zewnetrzne wtyczki do szablonow, to laczenie pluginu z moim kodem mnie przeraza.

Edited by proboszcz, 01 August 2014 - 17:22 .

  • 0
proboszcz

    Użytkownik

  • 84 posts
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Posted 07 August 2014 - 22:40   Best Answer

#4

Temat do zamknięcia. Zastosowałem inny slider, i udało się. 


  • 2
Zimistrz

    Stary wyjadacz

  • 465 posts
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Posted 08 August 2014 - 15:11

#5

Podrzuć info co wybrałeś, będzie na przyszłość.

 

ps. zgubiłem wątek przez co nie odpisałem wcześniej.

Sam korzystam z reguły z nivoslidera. Po kilku operacjach z CSS i odpowiednich ustawieniach będzie się skalował.


  • 0
proboszcz

    Użytkownik

  • 84 posts
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Posted 10 August 2014 - 11:46

#6
Jak bede na komputerze to napisze jaki slider zastosowalwm, elasticslidershow. Pasujacy do mojego portfolio, przy pomocy paru ludzi z tego forumm nauczylem sie juz dobrze dolaczac zewnetrzne pliki i juz nie mam z tym zadnego problemu.
  • 0
Back to Javascript



Podone tematy Collapse

  Topic Forum Started By Stats Last Post Info

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users