Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → Повідомлення користувача Andrews
Сторінки 1
Сайт розважально-готельного комплексу "Чорна Гора", що на Закарпатті http://chornagora.com
Є IP камера, яка відає потокове відео по протоколу rtsp, стоїть питання:
Яким чином транслювати rtsp на web сайті? Хто що може запропонувати?
Такий варіант не пропонувати:
<OBJECT classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" codebase=http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab width="640" height="480" id="vlc" events="True"> <param name="Src" value=" rtsp://ip/user= &password= &channel=1&stream=0.sdp?" " />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"
target="rtsp://ip/user= &password= &channel=1&stream=0.sdp?" ></embed>
</OBJECT>Так як, тут треба грузити на ПК пагін сторонній…
Key - привичка Контрол+Си :-)
для чого на ховер повторювати стилі?)
cursor: pointer;
-webkit-filter: grayscale(100%);
opacity: 0.8;
width: 310px;
height: 310px;
display: block;
object-fit: cover;
overflow: hidden;
margin: 0 0px 4px 0;
cursor: pointer;для анімації:
width: 320px;
height: 320px;
transition: 0.4s;На останніх версіях браузерів IE опера, хром і мозілла - працює норм... (як мобільні устройства не знаю, не провіряв)...
Варіант який запропонував «Key» досить не поганий, але не для великої галереї, і не досить ефективний, буває розсипається…
Запропонували також варіант JQuery Masonry (http://домен агресора/sandbox/37498/) – але, є один недолік. – Якщо фотографії не однакої висоти чи ширини, то також розсипається, а точніше відступи робить не всюди однакові, то ж цей варіант відкинув, так як не хочеться в ручну усі фото кадрувати до однакових по ширині та висоті.
Ще запропонували варіант типу як і «Key» : http://jsbin.com/xonafepapo - також не зовсім підійшов.
Вийшов з положення, може комусь згодиться:
DIV блоки однакової висоти та ширини з обрізкою країів (overflow). А до img додав: object-fit: cover;-o-fit-object: cover; - фото нормально кадруються як і горизонтальні так і вертикальні, і немає не зрозумілої обрізки вертикальних фото (саме із-за цього, потрібно було мені якось їх розставляти)…
HTML:
<div class="wrapper-photo">
<div class="item"><a href="./gallery/album/hotel_0001.jpg"><img src="/gallery/album/hotel_0001.jpg"/></a></div>
<div class="item"><a href="./gallery/album/hotel_0001.jpg"><img src="/gallery/album/hotel_0001.jpg"/></a></div>
<div class="item"><a href="./gallery/album/hotel_0001.jpg"><img src="/gallery/album/hotel_0001.jpg"/></a></div>
<div class="item"><a href="./gallery/album/hotel_0001.jpg"><img src="/gallery/album/hotel_0001.jpg"/></a></div>
<div class="item"><a href="./gallery/album/hotel_0001.jpg"><img src="/gallery/album/hotel_0001.jpg"/></a></div>
</div>CSS:
.wrapper-photo {
width: 960px;
height: auto;
border-top: 4px solid #E18727;
margin: 10px 0 0 0;
padding: 10px;
color: #004242;
overflow: hidden;
display: block;
text-align: center;
}
.item {
width: 310px;
height: auto;
display: inline-block;
margin: 0;
overflow: hidden;
text-align: center;
}
.wrapper-photo img {
width: 310px;
height: 310px;
display: block;
object-fit: cover;
-o-fit-object: cover;
overflow: hidden;
margin: 0 0px 4px 0;
cursor: pointer;
}
.wrapper-photo img:hover {
cursor: pointer;
-webkit-filter: grayscale(100%);
opacity: 0.8;
width: 310px;
height: 310px;
display: block;
object-fit: cover;
overflow: hidden;
margin: 0 0px 4px 0;
cursor: pointer;
}Результат:
Є блочний контейнер фіксованої ширини, в ньому елементи img (display: inline-block;) які мають різну висоту та фіксовану ширину (усі ми знаємо, що є фото як вертикальні (книжкові) і горизонтальні (альбомні), яким чином мені вирівняти фото в контейнері, щоб було як на картинці. (не залежно від того, у якій послідовності йдуть фотографії вертикальні і горизонтальні, і з різною висотою).
Зараз так:
position: relative;
width: 310px;
height: auto;
margin: 6px 6px 0 0;
display: inline-block;
vertical-align: top;
А потрібно так:
А box-shadow з цим не справляється?
Якось не зовсім логічно роставлено:
<div id="wrapper">
<div id="header"></div>
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
<div id="footer"></div>
</div>Не краще так:
HTML:
<div class="wrapper">
<div class="header">
</div>
<div class="content">
<div class="con-left">
</div>
<div class="con-right">
</div>
</div>
<div class="footer">
</div>
</div>CSS:
.wrapper {
width: 900px;
height: auto;
display: block;
overflow: hidden;
margin: 0 auto;
padding: 0 0 0 0;
}
.header {
width: 100%;
height: 100px;
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.content {
width: 880px;
height: auto;
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
}
.con-left {
width: 700px;
height: auto;
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}
.con-right {
width: 180px;
height: auto;
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: right;
}
.footer {
width: 100%;
height: auto;
display: block;
overflow: hidden;
margin: 0 0 0 0;
padding: 0 0 0 0;
}Усім доброго вечора! Нажаль, всі вище дані посилання на парсери, вони є не робочі (я гугнив, ті коди пробував), я гадав, у когось може є свій код, тільки – якщо і є, то напевно ділитись не хочуть…
Стосовно інформера на синоптик! :-) – розмішило, класний прикол…
Як вище вже і писали weather.ua має свій плугін парсера, і дуже хороший. У мене стояло питання, зробити саме одна іконка, і одна погода, як на скрині показував. Weather.ua за замовчуванням відає на 5 днів, в запиті можна змінити на 1 день, але знову ж таки, видавав погоду на 24 години, розбивши її на чотири, тобто: Ніч, Ранок, День, Вечір, і не важливо, вечір це чи ранок, завжди видає 4 штучки.
Я поступив таким чином:
Ніч = 3
Ранок = 9
День = 15
Вечір = 21
Так вираховує Weather.ua (частина коду інетовська).
Вираховую проміжок часу з 21 до 3 – виставляю ніч. З 3 до 9 – виставляю ранок і т.д.. Таким чином, у мене зявились цифри 3,9,15,21 – і за допомогою одної перемінної я забираю погоду відносно того, день тепер чи ніч.
Все!
<?php
$file_content = file_get_contents('http://xml.weather.co.ua/1.2/forecast/25?dayf=1');
$xml = simplexml_load_string($file_content);
$tim = date("G");
if ($tim >= 3 and $tim <=9 )
{
$tim_day ='3';
}
elseif ($tim >= 9 and $tim <=15 )
{
$tim_day ='9';
}
elseif ($tim >= 15 and $tim <=21 )
{
$tim_day ='15';
}
elseif ($tim >= 21 and $tim <=24 )
{
$ tim_day ='21';
}
elseif ($tim >= 0 and $tim <=3 )
{
$tim_day ='3';
}
if ($tim_day == 3)
{
$days ='Ніч';
}
elseif ($tim_day ==9)
{
$days ='Ранок';
}
elseif ($tim_day ==15)
{
$days ='День';
}
elseif ($tim_day ==21)
{
$days ='Вечір';
}
// Це провірка - видалити
echo $tim_day;
echo $days;
// <<<<<<<<<<<<<<<<<<
foreach ($xml -> forecast -> day as $day) {
if (strpos($day -> t -> min, '-') !== false) {
$sign_char_min = '';
}
else {$sign_char_min = '+';}
if (strpos($day -> t -> max, '-') !== false) {
$sign_char_max = '';
}
else {$sign_char_max = '+';}
switch ($day -> attributes() -> hour) {
case $tim_day:
$time_day = $days;
break;
default:
$time_day = 'none';
break;
}
?>
<?php if ($time_day != 'none') { ?>
<p style="float: left;"><?php echo $sign_char_max . $day -> t -> max ?></p>
<p style="float: left;"><img src="./clipart/<?php echo $day -> pict ?>" alt="<?php echo $day -> pict ?>" /></p>
<?php } ?>
<?php } ?>Доброго дня! Може хто має (працюючий) код парсера погоди з weather.co.ua (або аналогічні йому)?
- Потрібно щось на подобі як на картинці. (Щоб парсило 1 поточну погоду, наприклад обідом обідню, в вечері вечірню і т.д..).
- На google вже був :-)
Яким чином можна імпортувати дані з Excel-а в БД через веб-інтерфейс?
P.S.: це бажано робити однією кнопочкою (загрузити).
1. Є n-кількість стовпчиків, імена кожного відповідає імені в БД (Припустимо 5: ID, Name, Num, Descript, Images (У Excel-і перший рядок скритий, і відповідає він за назви стовпчиків).
2. При імпорті потрібно «якимось чином» зрівнювати дані: Якщо запис вже є, тоді не експортуємо, якщо немає, додаємо, якщо є тільки зміни – змінюємо.
3. Якщо з простим додаванням даних в БД з Excel-а більш менш зрозуміло, то з перевіркою великі трудності.
Буду вдячний, якщо хтось покаже щось подібне, або ж може хтось знає такий скрипт!?
(І забув, це все потрібно організувати на php).
Сторінки 1