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

[bambosz]

Witam,

 

poszukiwałem jakiegoś w miarę prostego "pokazywacza zdjęć" na moją stronę.

Trafiłem na coś takiego:

 

http://creativejuiz.fr/trytotry/juizy-slideshow-full-css3-html5/

 

Tylko za cholerę nie mogę dojść do tego, jak dodać więcej niż 4 zdjęcia :/

nawet jeśli w kodzie html pododaję

-->


Sushi(do) time

[jaceks]

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 22 Lipiec 2014 przez jaceks

[Dynamico]

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/

[bambosz]

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

[olaf]

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.

[jonkas]

Szkoda, że wątek padł ;/