Diskusia – 21. diel - Štýlovanie tabuliek v HTML a CSS

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Posledné komentáre sú na spodnej časti poslednej stránky.

Tomas Kala

Člen

Tomas Kala:2.1.2017 23:39

Zdravím, stahl jsem lightbox z daného odkazu,odkázal můj HTML soubor na ty 3 složky, které jsem dal do složky s webem ale odmítá se mi zapnout. po kliknutí na obrázek se mi zobrazí pouze na bílé stráce. Mohli byste i prosím poradit?

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
                <script src="js/jquery-1.7.2.min.js"></script>
                <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
                <script src="js/jquery.smooth-scroll.min.js"></script>
                <script src="js/lightbox.js"></script>

<section>
                                <div id="koralkove_ozdoby">
                                        <a href="obrázky.png" title="Kruhové" rel="lightbox[obrazky]"><img src="obrázky.png" alt="Kruhové" /></a>

                                </div>
                </section>
                        <div class="cistic"></div>

Odpovedať

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:2.1.2017 23:42

Lightbox se mi nikdy nepoved napoprvé. Pošli nám celý kód, takhle těžko říct (ideálně odkaz na stránku).

Odpovedať

Neaktivní uživatelský účet

Johny B.

Člen

Johny B.:9.1.2017 21:21

Zkontroluj si jestli máš správně cesty a jména scriptů.
Moje je například :

Mě to pak fungovalo bez problémů.

Odpovedať

Helena Jakšová

Člen

Helena Jakšová:1.5.2017 14:14

Zdravím, konečně se mi to povedlo. Díky vašim radám a ještě jsem si otevřela v PSPad kód index.html, který je ve složce lightbox2-master/examples. Podle toho jsem eliminovala poslední chyby. Mám radost :-)

Odpovedať

Každá věc má svůj čas ...

Nocik

Tvůrce

Nocik:7.10.2017 16:38

Poté co mi neseděla poslední část tutoriálu tak sem se na to vrhl sám a projel příkladovou stránku lightboxu a stačí pouze 2 linky

<link rel="stylesheet" href="lightbox2-master/dist/css/lightbox.min.css" type="text/css" media="screen" />
<script src="lightbox2-master/dist/js/lightbox-plus-jquery.min.js"></script>

a přidat rel="lightbox[galerie]"

<a href="obrazky/rivec1.jpg" title="rivec" rel="lightbox[galerie]"><img src="obrazky/rivec1_nahled.jpg" alt="rivec" /></a>

..
A vše funguje jak má

Odpovedať

Vítězství je stav mysli.

Kevin Wrobel

Člen

Kevin Wrobel:16.3.2018 12:27

Jde nastavit, že kliknu na ten obrázek a najede mi více obrázků stejné ,,věci" ale třeba z různých úhlů pohledu? za každou radu díky

Odpovedať

Jiří Anderle

Člen

Jiří Anderle:30.3.2018 0:02

Také při naprogramování podle návodu mi nefugovalo zobrazování orig. fotek. Až pak podle Johny B. a podle Nocik jsem to opravil a výsledek vynikající. Fuguje to, jak má. Díky.

Odpovedať

Jan Jurníček

Člen

Jan Jurníček:22.11.2018 10:57

Pokud jde vám jenom o to, vypnout Lightbox pro viewporty, do kterých se na šířku nevejde popup okno s nejširším obrázkem, tak to jde zařídit přidáním atributu media do linku na Lightbox.css. Pro správnou detekci šířky viewportu je ovšem třeba do hlavičky stránky přidat meta tag se jménem viewport, neboť není pixel jako pixel. Vyzkoušel jsem si, že to popup okno se u nejširšího obrázku hobi_web.jpg zobrazuje rozumně ještě při šířce průhledu 775px. Při užších průhledech se nevejde do průhledu.

Podmínka v atributu media stylový předpis zapne jen pro viewporty typu obrazovka o minimální šířce viewportu 750 pixelů. Pod touto šířkou se bude odkaz zobrazovat tak, jako by lightbox přilinkován nebyl.

Jestli vám jde ale taky o to, aby se na velmi malých obrazovkách mobilů ani nestahovaly obrázky (i kvůli výkonu a limitům datových přenosů) a nefungovaly odkazy, tak bude asi nutno pomoci si javascriptem, třeba takhle:

https://www.itnetwork.cz/…lighter/1123

Odpovedať

Niesomtu Hraskova

Člen

Niesomtu Hraskova:26.11.2018 20:49

zatial mi všetko funguje jak má.

Odpovedať

Hľadám si prácu, tak mi smelo napíš mail.

Patrik Pastor

Člen

Patrik Pastor:27.2.2019 21:41

Rad bych se zeptal vubec mi to nefunguje a spadne to, dival sem se i na examples ve složce s lightboxem a nenašel jsem co bych ve svém kódu neměl:

<head>
<title>Reference</title>
<link rel="stylesheet" href="lightbox2-master/dist/css/lightbox.min.css" type="text/css" media="screen" />
<script src="lightbox2-master/dist/js/lightbox-plus-jquery.min.js"></script>
</head>

u obrázku sem měl potom toto:

cesty ke složkám/fotkám a ke všemu jsou správně, tak nevím proč to nefunguje. prosim o radu

Odpovedať

Posledné komentáre sú na spodnej časti poslednej stránky.

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 154.

Najčastejšie vyhľadávané

Diskusia – 21. diel - Štýlovanie tabuliek v HTML a CSS