Павел Антонов

nivo slider

По ховеру выполнять вызов следующего/предыдущего слайда

$("#идентификатор вашей карусели").slick('slickNext'); //следующий слайд
$("#идентификатор вашей карусели").slick('slickPrev'); //предыдущий слайд

Ну и примерно так вешаете на ховер эти действия:

$("левый край карусели").hover(function(){
   $("#идентификатор вашей карусели").slick('slickPrev')
})

Высота строки отображается там же, где и остальные стили

что-то мне подсказывает что у вас не подключена jQuery библиотека

Сделал 2мя паралельными слайдерами, связал их js между собой, вопрос закрыт.
Результат тут

https://alpinelinux.org/ умеет работать в оперативной памяти

$(".класс кнопки").click(function(){
    $(".класс меню").toggleClass("visible");
})

.класс меню{
   overflow:hidden;
   width:0; 
   transition:all 0.2s ease;
}
.класс меню.visible{
   width:700px; //например   
}

пример тут

Можно не width менять а позицию left/right все зависит от вашего макета)

Всё сверстал, додумался как сделать лучше :) всем спс помог position:absolut и отрицательный left для позиционирования зеленой полосы

обновил свой пример из вопроса в связи с правильным решением, готовый вариант получился такой

нашел косяк, dom грузился быстрее картинок в таблице, соответственно строки считались без высоты картинки, заменил
$(document).ready()
на
$(window).load()
это решило проблему

ну у тебя все правильно просто тебе нужно при изменении селекта делать и вот это

ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillText($("#textInput").val(), 20, 20);

иначе просто изменений в контексте канвас не происходит)
https://jsfiddle.net/4f10me0d/

Решил свой вопрос таким образом при помощи php

Создаем файл ttf-info-class.php
код большой положил на pastebin.com

Подключаем его к проекту и вызываем функцию

<?php 
    include 'ttf-info-class.php'; 
    $fontinfo = getFontInfo('путь/до/шрифта.ttf'); 
    echo '<pre>'; 
    print_r($fontinfo); 
    echo '</pre>'; 
?>

На выходе получаем вывод

Array
(
    [1] => Almonte Snow
    [2] => Regular
    [3] => RayLarabie: Almonte Snow: 2000
    [4] => Almonte Snow
    [5] => Version 2.000 2004
    [6] => AlmonteSnow
    [8] => Ray Larabie
    [9] => Ray Larabie
    [10] => Larabie Fonts is able to offer unique free fonts through the generous support of visitors to the site. Making fonts is my full-time job and every donation, in any amount, enables me to continue running the site and creating new fonts. If you would like to support Larabie Fonts visit www.larabiefonts.com for details.
    [11] => http://www.larabiefonts.com
    [12] => http://www.typodermic.com
)

какой-то бред понаписали что один, что второй.

<img src="/images/img.jpg">
<input type="text">

и в js

$("img").click(function(){
   $("input").val($(this).attr("src")); //появился в инпуте /images/img.jpg 
});

пример codepen.io/freislot/pen/apjGpN

я думаю можно, я бы сделал div'ами с разным border-radius'ом ну и position:absolute, думаю пригодился бы

codepen.io/freislot/pen/ZLoaKd
Примерно так, ну вы понимаете это на скорую руку в качестве примера, нет времени выставлять все красиво, думаю суть моего метода ясна

Даниил Шарко @scronheim
Чет не работает

var width;
jQuery("tr td:last-child").click(function(){
width = jQuery("#myTbl").width();
jQuery("#myDiv").append("<div style='width:"+width+"px'></div>");
})

А вы вот так сделайте :))
P.S нет у тега div атрибута width, есть атрибут style с нужными свойствами) повнимательнее надо

Разобрался с PACE, вопрос снят, извините

В гугле же есть

Пока реализовал так codepen.io/freislot/pen/PbMpow
Прорисовку линий от иконок к центру тоже реализовал но закомментировал, дизайнер передумал :)

Решил

var img = new Image();   // Создаём новый объект Image
img.src = 'imgcss/wide.png'; // Устанавливаем путь к источнику
context.drawImage(img, this.x, this.y, 50, 26); //рисуем картинку в канвас

Спасибо Ingush Archakov сделал вот так, пока все работает как нужно, единственное мне нужно в конце скрипта делать не offset++ а прибавлять каждый клик на 10, я не знаю языка, не могу понять как это корректно делается)

var offset = 0;
    $(document).ready(function(){
      $('a.test').click(function(){
        $.ajax({
          url: "test.php",
          method: "GET",
          cache: false,
          data:"offset=" + offset,
          success:function(data){
                console.log(data); 
                $("body").append(data);
              }
            })
        offset++;
        console.log(offset);
      });
    });

Итак публикую решение своего вопроса, еще раз спасибо за наведение в нужную сторону.
JS

var offset = 10;
    $(document).ready(function(){
      $('a.test').click(function(){
        $.ajax({
          url: "test.php",
          method: "GET",
          cache: false,
          data:"offset=" + offset,
          success:function(data){
                console.log(data); 
                $("body").append(data);
              }
            })
        offset = offset + 10;
        console.log(offset);
      });
    });

PHP

<?php
  $wall = file_get_contents("http://api.vk.com/method/wall.get?v=5.52&filter=others&domain=****&count=10&offset=".$_GET["offset"]);
  $wall = json_decode($wall);
  $wall = $wall->response->items;

  for ($i = 0; $i < count($wall); $i++) {
    $user = file_get_contents("http://api.vk.com/method/users.get?v=5.52&user_ids=".$wall[$i]->from_id."&fields=photo_100");
    $user = json_decode($user);
    $user = $user->response;
	echo "<img src='".$user[0]->photo_100."' />".$user[0]->first_name." ".$user[0]->last_name;
    echo "<p><b>".($i + 1)."</b>. <i>".$wall[$i]->text."</i><br /><span>".date("Y-m-d H:i:s", $wall[$i]->date)."</span></p>";
?>