Jump to content
Sign in to follow this  
bambosz

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

Recommended Posts

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.

Edited by jaceks

Share this post


Link to post
Share on other sites

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/

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

We are using cookies. Read about our Privacy Policy