uCoz közösség A uCoz rendszer moduljai Tartalmi modulok Oldalszerkesztő Slider (Slider a weboldalamon) |
Slider |
Sziasztok! Sehol nem találtam ezért ide írok. Az oldalamon (http://nopanic.clan.su/) van a promo. Azt szeretném, hogy slider ként üzemeljen. Itt egy példa oldal: http://http://do-learning.do.am/ Mely kódokkal tudnám megcsinálni?
Azt tudom, hogy valami ilyesmi lesz: Kód <!--U1PROMO1Z--> <link href="/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"> <link href="/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"> <link href="/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"> <script src="/owl-carousel/owl.carousel.js"></script> <script src="/owl-carousel/owl.carousel.min.js"></script> <script> $(document).ready(function() { $("#uCozHeaderMain").owlCarousel({ navigation : true, // Show next and prev buttons slideSpeed : 300, paginationSpeed : 400, autoPlay : 5000, singleItem:true // "singleItem:true" is a shortcut for: // items : 1, // itemsDesktop : false, // itemsDesktopSmall : false, // itemsTablet: false, // itemsMobile : false }); }); </script> <section> <div class="wrapper"> <div id="promo"> <div class="promo-img"> <div id="uncheader" class=""> <div id="uCozHeaderMain" class="owl-carousel owl-theme"> <!-- style="background:url(/uCozHeader.png) 50% 50% no-repeat;" --> <div class="item"><img src="http://do-learning.do.am/promo/promo1.jpg"></div><!-- сюда добавлять --> <div class="item"><img src="http://do-learning.do.am/promo/promo2.jpg"></div> <div class="item"><img src="http://do-learning.do.am/promo/promo3.jpg"></div> <div class="item"><img src="http://do-learning.do.am/promo/promo4.jpg"></div> <div class="item"><img src="http://do-learning.do.am/promo/promo5.jpg"></div> </div> </div> </div> <div class="promo-caption"> <div class="promo-i"> <div class="promo-b"> <div class="promo-title"> Цитата дня </div> <div class="promo-text"> Знание – прекрасно, и само по себе стоит усилий человека, но оно в тысячу раз прекраснее, когда становится силою и порождает доблесть..<br><p align="left">Француа Гизо</p> </div> </div> </div> </div> </div> </div> </section> <!--/U1PROMO1Z--> |
Valex, elvileg a PROMO globális blokk tartalmának az általad említett kóddal történő behelyettesítésével működnie kéne, mivel a sablonok megegyeznek. Viszont ahhoz, hogy működjön, töltsd fel az owl-carousel mappába (amennyiben nincs - és elvileg nincs - hozd létre) a következő fájlokat a Fájlkezelő vagy FTP használatával:
- http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.css - http://owlgraphic.com/owlcarousel/owl-carousel/owl.theme.css - http://owlgraphic.com/owlcarousel/owl-carousel/owl.transitions.css - http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.js - http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js |
Szeretnék segítséget kérni. A főoldalon lévő slider-be jelenleg 2 képet tudok rakni, de legalább 4-et szeretnék. A 1221-es sablonról lenne szó. Hogy tudom ezt megoldani? Köszi.
Hozzáadva (26.01.2015, 16:42) |
EniG, nem 2 kép a maximum Akármennyit tehetsz. Nézd csak:
Mindegyik bekeretezett rész egy-egy képet jelöl (1. kép, 2. kép). Az egyiket kimásolva, majd az </ul> tag elé helyezve annyit rakhatsz, amennyit csak akarsz A második kérdésedre visszatérve, azt akarod, hogy csak a szöveg, vagy a kép is linkelődjön? |
Igen, pontosan látom, amit bekereteztél és próbálkoztam is vele, csak nem sikerült. Megpróbálom akkor újra. Azt szeretném, ha a kép is linkelődne.
Hozzáadva (27.01.2015, 12:47) Az üzenetet szerkesztette EniG - Kedd, 2015.01.27, 10:19
|
KovJonas, erről van szó, drága gyermekem XD http://forum.ucoz.hu/forum/43-618-1
|
A staff azon tagok összessége, akik a fórumot karbantartják. KovJonas barátom egy staff-tag 'off topic vége |
| |||