Wycentrowanie obrazka Opcje

[wojtasmw]

Witam, chciałbym wycentrować (nie wyśrodkować) obrazki znajdujące się w galerii, ale żadna klasa CSS na działa. Nie wiem czy to nie jest wina javascriptu ! Proszę jakiegoś doświadczonego webmastera o pomoc w rozwiązaniu problemu.

Link: http://www.michaljanwojtasik.com/problem.html

Na podstawie skryptu: http://www.basic-slider.com

[trueblue]

Dodać do li.bjqs-slide width:100%

Dodać do css:

[HTML] pobierz, plaintext 
li.bjqs-slide>p{
 widht:100%;
 height:100%;
 display:table-cell;
 vertical-align:middle;
}
[HTML] pobierz, plaintext 

W kodzie slidera zmienić:

[HTML] pobierz, plaintext 
'display':'list-item'
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
'display':'table'
[HTML] pobierz, plaintext 

[wojtasmw]

No niestety mimo wprowadzonych zmian, obrazki względem class="bjqs" nie są wycentrowane.

[trueblue]

Ja nie widzę zmian w podanym linku.

[wojtasmw]

Sprawdź zmiany na pewno zostały wprowadzone.
http://www.michaljanwojtasik.com/problem.html

[trueblue]

Ok, jest.

Zmień 'display':'table' na 'display':'list-item', to nie odpowiada za wyświetlanie w trybie 'fade'.


Do li.bjqs-slide dodaj jeszcze height:100%.

W li.bjqs-slide>p width (literówka).

W kodzie slidera zmiana z:

[HTML] pobierz, plaintext 
$slides.eq(state.nextindex).fadeIn
[HTML] pobierz, plaintext 

na:

[HTML] pobierz, plaintext 
$slides.eq(state.nextindex).css('display','table').fadeIn
[HTML] pobierz, plaintext