Skocz do zawartości

Slideshow: HTML + CSS jak dodać więcej zdjęć

Featured Replies

  • Odpowiedzi 5
  • Wyświetleń 8,9k
  • Created
  • Ostatniej odpowiedzi

Top Posters In This Topic

Napisano

Nie mam czasu na analizę tego kodu ale na mur-beton jak zduplikujesz wszystkie potrzebne elementy to dodasz następne zdjęcia.

Radze poszukać jakiegoś slideshow'a z jQuery. Dużo mniej kombinowania i pisania. Np. http://slidesjs.com/ A jak nie to kup coś na Codecanyon.

Za tani pieniądz dostaniesz i slideshow i support.

Edytowane przez jaceks

Napisano

Przejdź kilka linijek wyżej.

Pod body masz selektory z kolejnymi id odpowiadającymi kolejnym zdjęciom.

Później

. Tam kolejne linki odpowiedzialne z wyświetlanie "przycisków" następny/poprzedni.

Myślę, że musisz uzupełnić te sekcje o kolejne selektory odpowiadające dodanym zdjęciom.

Zwróć uwagę, że w

masz w ostatnim linku ...Go to first slide...

 

Szybko i prosto http://jquery.malsup.com/cycle2/

Napisano
  • Autor

Dynamico

 

możliwe że masz rację. wszystko zmieniałem i dodawałem, ale tej nawigacji nei ruszałem, bo przyznam się że na 1 rzut oka stwierdziłem że coś to jest za skomplikowanie opisane ;D

Ale może i racja, może jak to rozgryzę i uzupełnię to ruszy ;)

 

Dzięki

Napisano

poszukaj czegos wydajniejszego ten skrypt zamula mojego desktopa. Kod masz w stylach css ale to najgorszy sposób w jaki mozna wykonać slidera. CSS nie daje zadnej opcji kontrolowania wydajności więc przy wiekszej ilości zdjęc zacznie zamulać jak cholera (po np. minucie na stronie w mobilu już nie będze animacji tylko rwanie).

 

takich skryptow jest sporo, polecam poszukać czegoś na javascript, a nie CSS - połowa przegladarek nawet tego nie obsłuży.

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Powiadomienie o plikach cookie

Wykorzystujemy cookies. Przeczytaj więcej Polityka prywatności Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.

Account

Navigation

Szukaj

Szukaj

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.