Diskuze – Lekce 21 - Stylování tabulek v HTML a CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře

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>

Odpovědět

2.1.2017 23:39

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).

Odpovědět

2.1.2017 23:42

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ů.

Odpovědět

9.1.2017 21:21

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 :-)

Odpovědět

1.5.2017 14:14

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á

Odpovědět

7.10.2017 16:38

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

Odpovědět

16.3.2018 12:27

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.

Odpovědět

30.3.2018 0:02

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

Odpovědět

22.11.2018 10:57

Niesomtu Hraskova

Člen

Niesomtu Hraskova:26.11.2018 20:49

zatial mi všetko funguje jak má.

Odpovědět

26.11.2018 20:49

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

Odpovědět

27.2.2019 21:41

Naučíme tě pracovat na home-office.

Zjistit více...

Naučíme tě pracovat na home-office.

Více info »

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 154.

Nejčastěji vyhledáváné

Diskuze – Lekce 21 - Stylování tabulek v HTML a CSS