| Autor | Zpráva | ||
|---|---|---|---|
| jefitto44 Profil |
#1 · Zasláno: 11. 2. 2014, 10:57:30
Niečo mi nehraje, neviem nijako urobiť, aby sa aj obrázky a slideshow prispôsobili veľkosťou do responsive, podľa media queries. Robím to takto:
@media (max-width: 480px){
body {background: #f0f0f0; color: #000;}
h1{color: black;}
h2{color: black;}
h3{color: black;}
h4{color: black;}
#slideful-12549691 .-slideswrap {width: 100% !important;}
img {width: 100%;}
}Skúšal som samozrejme nastaviť aj width: 480px, aj max-width: 480px; ale akosi nič nefunguje.. :( |
||
| Kcko Profil |
#2 · Zasláno: 11. 2. 2014, 11:02:53
img {
max-width: 100%;
height: auto;
}@media \0screen {
img {
width: auto; /* for ie 8 */
}
} |
||
| jefitto44 Profil |
#3 · Zasláno: 11. 2. 2014, 11:41:52 · Upravil/a: jefitto44
Height to nedopočíta automaticky? Či to funguje len v html?
Nefunguje, s obrázkami sa nestane nič :( |
||
| Kcko Profil |
#4 · Zasláno: 11. 2. 2014, 11:49:21
jefitto44:
Nevím co používáš za slider. Hod někam odkaz na živou ukázku. Já osobně používám BX slider a problém nemám. |
||
| jefitto44 Profil |
Vymenil by som ho, ak by sa do toho BX dal pridať aj text s odkazmi... Je to proste jedno, ale nič sa nestane, ani s obrázkami, ktorých šírka je povedzme 600px a mám display s 480px... proste prečnievajú a treba rolovať doprava, alebo doľava. Text sa mi pekne prispôsobuje oknu, ale to je asi tak všetko...
Oprava, obrázky fungujú, slideshow som vyriešil... ešte tam mám nejaké presahujúce divy, ale tie by som teoreticky mal zvládnuť. Ďakujem za pomoc :) PS: to @media \0screen ... znamená čo? |
||
| Kcko Profil |
#6 · Zasláno: 11. 2. 2014, 13:34:12
jefitto44:
Do BXslideru je možné si cokoliv dopsat. Jako každý slušně napsaný plugin má callback funkce a také dokumentaci. PS: to @media \0screen ... znamená čo? Co kdyby sis to vygooglil? (Píšu to proto, že jsem si všiml, že v jiném topicu se ptát na věci, které je možné vyčíst z dokumentace). |
||
|
Časová prodleva: 10 let
|
|||
0