Skocz do zawartości

Zdjęcie
* * * * * 1 głosy

Pomoc w złożeniu slidera

Rozpoczął proboszcz, lip 31 2014 22:04

Najlepsza odpowiedź proboszcz, 07 sierpnia 2014 - 22:40

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

Przejdź do postu


5 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
proboszcz

    Użytkownik

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

Napisano 31 lipca 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. 

Załączony plik  4.jpg   37,92 KB   5 Ilość pobrań


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 postów
    • Czas spędzony online: 14d 2h 42m 38s
116
Znakomita!

Napisano 01 sierpnia 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 -_-

Użytkownik Zimistrz edytował ten post 01 sierpnia 2014 - 13:34

  • 1
proboszcz

    Użytkownik

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

Napisano 01 sierpnia 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.

Użytkownik proboszcz edytował ten post 01 sierpnia 2014 - 17:22

  • 0
proboszcz

    Użytkownik

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

Napisano 07 sierpnia 2014 - 22:40   Najlepsza odpowiedź

#4

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


  • 2
Zimistrz

    Stary wyjadacz

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

Napisano 08 sierpnia 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 postów
    • Czas spędzony online: 1d 22h 43m 11s
0
Neutralna
  • LocationŚwiecie

Napisano 10 sierpnia 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
Wróć do Javascript



Podone tematy Collapse

  Temat Forum Autor Podsumowanie Ostatni post

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych