Anonymní profil peter – Programujte.com

Udelej si tu stranku nejdriv na plose v nejake slozce a az ti to bude fungovat, tak se ptej. Takhle to vypada, ze sis neprecetl navody ani u pluginu ani na webnode.

https://github.com/koenoe/cocoen

<div class="cocoen"> -- obrazky / html
  <img src="...stranka/img/before.jpg" alt="">
  <img src="...stranka/img/after.jpg" alt="">
</div>

<link rel="stylesheet" href="...stranka/css/cocoen.min.css" /> -- css

-- bez jquery
<script src="...stranka/cocoen.min.js"></script> -- cocoen js
-- bez jquery spusteni
<script>new Cocoen(document.querySelector('.cocoen'));</script>

-- s jquery
<script src="...stranka/jquery.min.js"></script> -- jquery js
<script src="...stranka/cocoen-jquery.min.js"></script> -- cocoen js
-- s jquery spusteni
<script>$('.cocoen').cocoen();</script>

Cili, musis mit furu souboru nahranych na webu. Nevim, zda to u webnode jde. Nebo je musis tahat z jinych zdroju, to mozna nedovoli prohlizec. Obrazky, ty normalne nahrajes do nejake galerie na tve strance a zjistis si adresy. Prepsat to do html kodu pak neni takovy problem. Treba zrovna v te ukazce pouzivaji animovany gif. Chtelo by to spis kopirovat ze stranky, kde ten plugin uz jede.
https://raw.githubusercontent.com/…r/readme.gif

 https://jsfiddle.net/x9vxvd6a/

<ul>
<li> <a href="?123">odkaz1</a> </li>
<li> <a href="?456">odkaz2</a> </li>
</ul>
<style>
ul, li {margin:0; padding:0; list-style-type:none;}
ul li {float:left; width:100px; height:100px; border:2px solid #ddd;}
ul li a {text-decoration:none; color:#ddd;}
ul li:hover {border:2px dotted #888;}
ul li:hover a {color: #888;}
</style>

V SELECT muzes mit jen unikatni jmena sloupcu. Takze, kdyz mas v dotazu treba 2 tabulky, tak idealni je vypsat kazdy sloupec, ktery potrebujes. Nebo ches vsechny z jedne tabulky i druhe. Ale protoze se nesmi jmenovat stejne, tak muzes pouzit vsechny z jedne a vypsat kazdy zvlast z druhe.

-- db: mojedb
-- pilot (id, name)
-- flight (id, id_pilot)

-- dobre --
SELECT * FROM pilot ...
SELECT pilot.* FROM pilot ...
SELECT mojedb.pilot.* FROM pilot ...

-- spatne --
SELECT * FROM pilot, flight ...
SELECT pilot.*, flight.* FROM pilot, flight ... -- spatne, protoze v obou tabulkach mas sloupec nazvany id

-- dobre --
SELECT pilot.* FROM pilot, flight ...
SELECT a.* FROM pilot a, flight b ... -- aliasy tabulek
SELECT a.*, b.id as let_id FROM pilot a, flight b ... - aliasy tabulek i sloupcu
SELECT a.*, b.id as let_id, b.id_pilot FROM pilot a, flight b ... -- jenze id pilot nepotrebujes podruhe, to uz ti dava tabulka a

google?
Predstavuji si to jako seznam tabulek, jejich sloupcu a propojene id sloupce tabulek
https://mapr.com/…og_data1.png