Slideshow
08. dub 2020 10:38 #142102
Zdravím, dostal jsem za úkol v práci spravovat web našeho projektu. Jelikož jsem amatér v práci s Joomlou tak mám jednu otázku. Našel jsme si na netu program pro slideshow obrázků na úvodní straně. Potřeboval bych poradit jak odstranit s programu tmavý pruh dole (viz. obrázek). Děkuji za radu 
Program:
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" style="list-style: none;">
<li class="active" data-target="#myCarousel" data-slide-to="0"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="images/uvodne_photo/Obr_straze_m.jpg" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_kulatina_m.jpg" alt="imagetext 2" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_gabcikovo_m.jpg" alt="imagetext 3" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_pestovani_m.jpg" alt="imagetext 4" />
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a></div>
<!-- Call Carousel -->
<s-cript type="text/j-avascript">
(function($){$('.carousel').carousel({ interval: 5000, pause:'hover'});
})(jQuery);
</script>
Program:
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" style="list-style: none;">
<li class="active" data-target="#myCarousel" data-slide-to="0"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item"><img src="images/uvodne_photo/Obr_straze_m.jpg" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_kulatina_m.jpg" alt="imagetext 2" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_gabcikovo_m.jpg" alt="imagetext 3" />
<div class="carousel-caption">
</div>
</div>
<div class="item"><img src="images/uvodne_photo/Obr_pestovani_m.jpg" alt="imagetext 4" />
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a></div>
<!-- Call Carousel -->
<s-cript type="text/j-avascript">
(function($){$('.carousel').carousel({ interval: 5000, pause:'hover'});
})(jQuery);
</script>
08. dub 2020 10:51 #142104
I'm sorry, my responses are limited...you must ask the right questions.
Odpověď od Bong
I'm sorry, my responses are limited...you must ask the right questions.
08. dub 2020 13:14 - 08. dub 2020 13:15 #142106
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Odpověď od H13
Jak píše Bong, nechceš na to použít už připravenej modul?
- nainstaluješ, povolíš, řekneš mu, do jaký pozice patří a nastavíš si parametry.
Samozřejmě ne každá slideshow může na tvých stránkách pracovat (např. kvůli konfliktu s šablonou), ale k vyzkoušení je jich hodně:
extensions.joomla.org/tags/slideshow/
Já používám vlastní modul:
www.phoca.cz/phoca-carousel-module
demo zde:
www.phoca.cz/phocacartdemo/astroid/
Nastavení je tam celkem dost:
Používám ho např. i s videem na pozadí. V nastavení lze také nastavit minimální šířku pro zobrazení, tedy např. se dá nastavit, aby na mobilech byla slideshow vypnutá nebo aby se změnila její velikost.
Pozor, pracuje s aktuální verzí Joomly! - verzí 3, nelze použít u 2.5 a 1.5
- nainstaluješ, povolíš, řekneš mu, do jaký pozice patří a nastavíš si parametry.
Samozřejmě ne každá slideshow může na tvých stránkách pracovat (např. kvůli konfliktu s šablonou), ale k vyzkoušení je jich hodně:
extensions.joomla.org/tags/slideshow/
Já používám vlastní modul:
www.phoca.cz/phoca-carousel-module
demo zde:
www.phoca.cz/phocacartdemo/astroid/
Nastavení je tam celkem dost:
Používám ho např. i s videem na pozadí. V nastavení lze také nastavit minimální šířku pro zobrazení, tedy např. se dá nastavit, aby na mobilech byla slideshow vypnutá nebo aby se změnila její velikost.
Pozor, pracuje s aktuální verzí Joomly! - verzí 3, nelze použít u 2.5 a 1.5
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
08. dub 2020 16:11 #142107
Je nesmysl za každou cenu zkoušet jiné a jiné carousely (byť zadarmo), pokud už jeden na webu máte a funguje
U vás jde jen o výšku slideshow, která je větší než vypočítaná výška obrázků.
Řešit můžete změnou formátů obrázků (vytvořit vyšší a přeuložit a nhrát v novém rozměru)nebo změnou nastavení výšky slideshow a to pomocí:
- css
- nastavením slideshow
Pokud neumíte nebo nevíte o čem mluvím, tak najděte někoho zdatnějšího kdo Vám poradí.
Můžete i zde pokud bude někdo ochoten, to by jste ale musel poslat více informací.
MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla
Odpověď od Rudolf
Code:
Potřeboval bych poradit jak odstranit s programu tmavý pruh dole (viz. obrázek)
Je nesmysl za každou cenu zkoušet jiné a jiné carousely (byť zadarmo), pokud už jeden na webu máte a funguje
U vás jde jen o výšku slideshow, která je větší než vypočítaná výška obrázků.
Řešit můžete změnou formátů obrázků (vytvořit vyšší a přeuložit a nhrát v novém rozměru)nebo změnou nastavení výšky slideshow a to pomocí:
- css
- nastavením slideshow
Pokud neumíte nebo nevíte o čem mluvím, tak najděte někoho zdatnějšího kdo Vám poradí.
Můžete i zde pokud bude někdo ochoten, to by jste ale musel poslat více informací.
MiniJoomla! - www.minijoomla.cz - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla
08. dub 2020 19:18 #142109
Odpověď od JR
Rudolf asi nevidí tu patku, která se trochu skrývá za tím tvým "tmavým průhledným pruhem", podle mýho máš zaplý, ale nevyplněný popis obrázku. 
08. dub 2020 23:42 #142110
Celkem slušnej ostříží zrak, ještě jsi zapomněl dodat, kolik má ten box opacity
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Odpověď od H13
JR napsal: Rudolf asi nevidí tu patku, která se trochu skrývá za tím tvým "tmavým průhledným pruhem", podle mýho máš zaplý, ale nevyplněný popis obrázku.
Celkem slušnej ostříží zrak, ještě jsi zapomněl dodat, kolik má ten box opacity
Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
09. dub 2020 02:12 #142111
Odpověď od Cony
A já si taky zavěštím 
Podle mně se jedná o úplně standardní carousel z Bootstrap 2 - viz dokumentace .
Takže pro odstranění tmavého pruhu stačí odstranit část kódu
Bohužel nepíšete, kde jste ten kód vzal. Jestli z hotového HTML stránek (pak musíte dohledat kde se generuje, nebo kde je zadán), nebo odněkud z šablony, popř. textu článku / modulu apod. (pak stačí poupravit).
Podle mně se jedná o úplně standardní carousel z Bootstrap 2 - viz dokumentace .
Takže pro odstranění tmavého pruhu stačí odstranit část kódu
Code:
<div class="carousel-caption">
</div>
Bohužel nepíšete, kde jste ten kód vzal. Jestli z hotového HTML stránek (pak musíte dohledat kde se generuje, nebo kde je zadán), nebo odněkud z šablony, popř. textu článku / modulu apod. (pak stačí poupravit).
Nejnovější příspěvky
