| Autor | Zpráva | ||
|---|---|---|---|
| edy02 Profil |
#1 · Zasláno: 11. 8. 2013, 12:38:15
zdravím,
jak udělám tu posunující se obrázkovou lištu jako je tady: www.wix.com/website-template/view/html/782?originUrl=&bookName=&galleryDocIndex=1 pomocí jQuery. dík |
||
| Michal Kobelka Profil |
#2 · Zasláno: 12. 8. 2013, 08:34:24
Zkus vygůglit "jQuery image slider" nebo "jQuery image carousel" a vyber si z dostupných pluginů ;)
|
||
| edy02 Profil |
#3 · Zasláno: 12. 8. 2013, 11:29:50
Michal Kobelka
Já bych spíš raději věděl, jak se to dělá. Pro začátek nějaký jednoduchý slider jenom. |
||
| Michal Kobelka Profil |
#4 · Zasláno: 12. 8. 2013, 12:59:16
Tak postup je, že si vytvoříš div kontejner #1, který má pevnou šířku a overflow: hidden; V něm je další div kontejner #2, který má automatickou šířku, v tomto divu jsou jednotlivé fotky floatované doleva, takže se skládají vedle sebe a ne pod sebe... Tento div bude přetékat mimo #1, ale nebude to vidět (má nastaven overflow: hidden). Pak už stačí divu #2 nastavit negativní levý margin, aby se posouval doleva, nebo kladný margin, aby se posouval doprava. V jQuery jen nastavuješ tento margin při najetí na nějaký element.
|
||
| edy02 Profil |
#5 · Zasláno: 12. 8. 2013, 15:23:06
Michal Kobelka:
díky moc. vyzkouším |
||
|
Časová prodleva: 4 dny
|
|||
| edy02 Profil |
#6 · Zasláno: 16. 8. 2013, 18:12:08
Našel jsem si i nějakej návod, taky s marginem. Našel jsem teda i návod bez marginu, kterej je docela jednoduchej a už ho umím.
Ale nepochopil jsem jak to funguje s tím marginem. Já to prostě posunuju ten div s overflowem pomocí marginu? A když už je teda posunutej, tak tam mezera, která vznikla pomocí marginu, zmizí jak? A proč tam prostě nemůžu dát do toho animate() posunutí "left" : "XXpx" ... ? |
||
| margin Profil * |
#7 · Zasláno: 17. 8. 2013, 13:36:44
Dej odkaz na živou ukázku, bez té se ti nemůže dostat vysvětlení.
|
||
| edy02 Profil |
#8 · Zasláno: 18. 8. 2013, 16:46:21
Zde je návod, který se snažím pochopit: http://fearlessflyer.com/2010/08/how-to-create-your-own-jquery-content-slider/
nechápu, jak zde funguje ten margin-left. díky za odpovědi |
||
|
Časová prodleva: 12 let
|
|||
0