Dopasowanie slidera do szerokości ekranu z przycinaniem boków (nivo slider)

Dopasowanie slidera do szerokości ekranu z przycinaniem boków (nivo slider), nie "responsive"

eccocce Zobacz profil	22.03.2013, 18:14:29 Post #1
Grupa: Zarejestrowani Postów: 165 Pomógł: 5 Dołączył: 10.07.2008 Skąd: Wrocław Ostrzeżenie: (0%)	Hej, Wrzuciłem sobie nivo slider na stronkę, ale zauważyłem, że ma on własność "resnposive", która nie jest dla mnie fajna w tym przypadku (IMG:style_emoticons/default/smile.gif) Do slidera wrzucam zdjęcia o dużej rozdzielczości 1920x700 px, bo zależy mi, aby zajmowały cały ekran na szerokość. W przypadku mniejszej rozdzielczości chciałbym, aby obrazki były przycinane po bokach przy założeniu, że min-width: 1000px O ile udało mi się taki efekt uzyskać ustawiając obrazek jako background (position: center) dla div-a (width:100%; min-width: 1000px; - przy większej rozdzielczości div zajmuje 100% szerokości, a przy mniejszych, ale większych niż 1000px stosownie ucina boki, bo tło jest wyśrodkowane), to nie mogę sobie z tym poradzić, gdy obrazek jest podawany jako <img> (IMG:style_emoticons/default/sad.gif) Macie jakiś pomysł, jak sobie z tym poradzić? Albo inny skrypt do slidera? Do jutra daje sobie na wstrzymanie, może jakieś rozwiązanie przyjdzie do głowy samo. Pozdrawiam! Powód edycji: [Daiquiri]: Na życzenie ;-)

fizzlebubble Zobacz profil	22.03.2013, 20:34:47 Post #2
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%)	Ten div pos:r, obrazki d:b, pos:a t:0, l:0, width i height 100% i bangla (IMG:style_emoticons/default/smile.gif) .

eccocce Zobacz profil	23.03.2013, 16:31:13 Post #3
Grupa: Zarejestrowani Postów: 165 Pomógł: 5 Dołączył: 10.07.2008 Skąd: Wrocław Ostrzeżenie: (0%)	Cytat(fizzlebubble @ 22.03.2013, 20:34:47 ) Ten div pos:r, obrazki d:b, pos:a t:0, l:0, width i height 100% i bangla (IMG:style_emoticons/default/smile.gif) . A jakim cudem, to ma mi przyciąć obrazek po bokach? (IMG:style_emoticons/default/tongue.gif) Przytnie, być może, ale tylko z prawej strony (IMG:style_emoticons/default/sad.gif)

eyedropper Zobacz profil	23.03.2013, 20:13:37 Post #4
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 30.04.2006 Ostrzeżenie: (0%)	musisz to opakować kolejnym divem width:1000px który będzie miał overflow: hidden;

fizzlebubble Zobacz profil	24.03.2013, 13:24:48 Post #5
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%)	@up, dokładnie. Jeszcze możesz width tego diva wrapper określać za pomocą jQuery.

eccocce Zobacz profil	5.04.2013, 13:02:30 Post #6
Grupa: Zarejestrowani Postów: 165 Pomógł: 5 Dołączył: 10.07.2008 Skąd: Wrocław Ostrzeżenie: (0%)	Dzięki za próby pomocy. Poprawne rozwiązanie znalazłem tutaj: http://stackoverflow.com/questions/9449165...both-sides?rq=1 Oczywiście należało trochę zmienić pod 1920px. Pełny kod: [HTML] pobierz, plaintext <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> body {margin:0;padding:0;overflow:hidden;} img {width:1920px;height:680px;} div { margin: 0 0 0 -960px; height:680px; position: relative; left: 50%; } </style> </head> <body> <div><img src="s.png" alt="" /></div> </body> </html> [HTML] pobierz, plaintext W miejscu <img> powinien znaleźć się slider. Pozdrawiam. PS: Prośba do administratora: proponuję zmienić nazwę wątku na "Dopasowanie slidera do szerokości ekranu z przycinaniem boków (nivo slider)". Ten post edytował eccocce 5.04.2013, 13:06:11

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 22.08.2025 - 14:09

Hosting zapewnia